最近学习了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文件
把nuxt
、static
、nuxt.config.js
、package.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
把nuxt
、static
、nuxt.config.js
、package.json
,上传到服务器上,或者有修改的哪个文件重新上传一份即可!
在查看一下:
pm2 list // 查看下进程 id 有没有重复的
更新pm2列表执行下:
pm2 update // 更新pm2列表里的进程
或者重启一下对应pm2 id 进程
pm2 reload id // 重载pm2列表中进程为id的进程
pm2 reload all // 重载pm2列表中所有的进程
刷新一下页面,即可发现页面更新了哈!后续有问题,在持续更新下…