Nuxt开发的网站如何部署到线上服务器

这两天使用Nuxt做了一个网站，上线部署摸索了一下，记录一下。

一、在工程的根目录增加ecosystem.config.js文件

1.pm2的配置文件，pm2启动的时候会自动读取该配置

module.exports = {
  apps: [
    {
      name: 'your-name',  //名称可以自定义
      exec_mode: 'cluster',
      instances: 'max', // Or a number of instances
      script: './node_modules/nuxt/bin/nuxt.js',
      args: 'start'
    }
  ]
}

二、nuxt.config.js中配置server节点

//端口可以自定义，主要要跟nginx配置的代理端口保持一致
server: {
    port: 3000,
    host: '0.0.0.0',
    timing: false
},

三、工程打包

npm run build

四、打包之后将以下几个文件放到线上服务器上某个目录中

.nuxt
static
nuxt.config.js
package.json
package-lock.json
ecosystem.config.js

需要放服务器的文件

五、登录服务器进入copy上去的目录安装依赖包

npm install

六、nginx服务器配置代理

1.配置

server
{
        listen 80;
        server_name www.your-site.com; //定义你的网站域名
        location / {
             proxy_pass http://127.0.0.1:3000;   //转发到当前服务器3000端口
        }
}

2.重启nginx

nginx -s reload

七、安装PM2来启动Nuxt的服务端

npm install pm2 -g

八、进入工程的目录中启动pm2

pm2 start

PM2

九、在浏览器中使用配置的域名访问

十、参考文章：

Nuxt通过build打包部署到线上