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)]](https://code84.com/wp-content/uploads/2022/10/20201122220550840.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)]](https://code84.com/wp-content/uploads/2022/10/20201122220618764.png)
版权声明:本文为qq_42985642原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。