nuxt.js项目部署到阿里云服务器

nuxt.js项目部署到阿里云服务器

1 配置文件

在package.json文件中加上

"config": {
    "nuxt": {
      "host": "0.0.0.0",
      "port": "3000"
    }
 }

2 项目打包

在本地使用命令打包

npm run build

在这里插入图片描述

3 上传文件

将.nuxt plugins static nuxt.config.js package.json package-lock.json这几个文件压缩之后传到服务器上

在这里插入图片描述

使用xshell连接服务器之后,使用命令将文件传到服务器上,之后进行解压

rz

我这里传的压缩文件是rar类型的

要在centos上解压rar,需要先下载rarlinux

wget http://www.rarlab.com/rar/rarlinux-x64-5.3.0.tar.gz

解压

tar -xf rarlinux-x64-5.3.0.tar.gz

进rar目录编译

cd rar
make

之后就可以解压rar文件了

rar x 压缩文件名.rar

4 下载依赖

在解压后的文件夹里使用命令

npm install

下载完成之后是这样的

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-XlPF5OLs-1606053877032)(C:\Users\当然是选择原谅我哦\AppData\Roaming\Typora\typora-user-images\image-20201122214443239.png)]

5 运行项目

使用命令启动项目

npm start

启动成功后会出现以下界面,这时已经可以通过服务器的外网ip进行访问了

在这里插入图片描述

6 后台运行

以上方式启动项目后,如果关闭xshell,项目就会停止运行。

使用pm2来管理项目,即使xshell关闭,项目也不会停止。

安装pm2

npm i -g pm2

启动项目

pm2 start npm --name "nuxt项目名" -- run start

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-CtmcZqrQ-1606053877037)(C:\Users\当然是选择原谅我哦\AppData\Roaming\Typora\typora-user-images\image-20201122215024575.png)]


版权声明:本文为qq_42985642原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。