nuxt.js部署及后续项目更新部署

593 阅读1分钟

最近学习了nuxt.js技术,总结下部署及更新的一些问题!

要注意看下nuxt.config.js对应的服务器端口,会因为端口被占用,显示不出来页面的情况

server: { port: 3001, // 对应自己服务器的端口 host: '0.0.0.0' },

Nuxt目录下的 package.json 如下:

// 打包指令 "scripts": { "dev": "nuxt", "build": "nuxt build", "start": "nuxt start", "generate": "nuxt generate" },

执行:

npm run build

会打包生成一个nuxt文件
nuxtstaticnuxt.config.jspackage.json,上传到服务器上

并在上方文件根目录下执行:

npm install //安装项目依赖

如果安装速度很慢的话,就把npm 镜像到淘宝下

npm config set registry https://registry.npm.taobao.org

安装完后先执行如下:

npm run start

就可以看见跟本地运行 npm run dev 一样会有地址,即启动项目成功。

开启进程守护

查看一下pm2守护进程列表,如项目已经被你加入了pm2进程里了,可通过pm2 delete id,删除对应的 id 进程,也可通过pm2 stop id,暂停对应 id 进程!

pm2 list

把项目加入pm2守护进程

pm2 start npm --name "xxx" -- run start // 输入你的项目名

后续更新项目部署

项目上重新执行:

npm run build

nuxtstaticnuxt.config.jspackage.json,上传到服务器上,或者有修改的哪个文件重新上传一份即可!

在查看一下:

pm2 list // 查看下进程 id 有没有重复的

更新pm2列表执行下:

pm2 update // 更新pm2列表里的进程

或者重启一下对应pm2 id 进程

pm2 reload id // 重载pm2列表中进程为id的进程 
pm2 reload all // 重载pm2列表中所有的进程

刷新一下页面,即可发现页面更新了哈!后续有问题,在持续更新下…