nuxt.js项目部署

摘要：

第一部分

1.nuxtjs项目好处

第二部分

1.本地项目修改域名工具

第三部分

1.服务器中项目部署工具Xshell 和 xftp
2.nginx配置
3.pm2运用

1.nuxtjs项目好处

$ npx create-nuxt-app <项目名>
或
$ yarn create nuxt-app <项目名>

修改本地开发主机名 和 端口号 需要配合 switchHost公工具

• 第一步
  
• 第二步

npm run build 本地打包

• 打包之后我们通过xftp连接测试环境服务器 传入文件
  

package.json 说明, dev 中是本地启动端口， start 是服务器启动端口

正常启动没有爆错   （如图）

pm2服务器守护

pm2 linux环境安装请看Linux目录或者戳 pm2安装直达。
cd 到linux项目根目录下运行
pm2 start npm --name ‘nuxtDemo’ – run start

简单命令
  pm2 list   // 查看pm2启动项目list
  pm2 restart ip/appname  // 重启某个项目
  pm2 del ip/appname  // 删除项目
  pm2 stop ip/appname  // 停止项目
  pm2 show ip/appname  // 查看某个项目详细

curl 127.0.0.1:项目端口     服务端查看项目

执行 pm2 list 查看项目是否成功，注意观察 restart 项中数字是否增加，增加表示项目自动重启了，证明没有启动成功。

nginx.conf配置

SwitchHost 配置

192.168.8.*** nuxt.home.com

在浏览器中nuxt.home.com：81就可以了看到自己项目了