这两天使用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