【Nuxt】部署

创建 Nuxt 项目

• 使用 Nuxt.js 提供的脚手架工具 create-nuxt-app 来快速创建，优点是内部集成了各种工具、框架，不需要再单独安装配置 npx create-nuxt-app <项目名>
• Nuxt官方文档： 从头开始新建项目

打包

1. 在package.json 的 scripts 中添加 "build": "nuxt build"，执行 npm run build
2. 把项目目录中的.nuxt,static,package.json,nuxt.config.js 及其他配置文件如 tsconfig.json 都放到服务器同一目录下，需要安装依赖
3. 在服务器项目目录中安装依赖 npm install -production
4. npm start 启动项目

pm2 进程管理

1. 全局安装 pm2， npm i -g pm2;
2. 启动，pm2 start /node_modules/nuxt/bin/nuxt.js --name <项目名称>，可使用 pm2 start <项目名称>，pm2 stop <项目名称>，pm2 reload <项目名称> 来启动、停止、重载项目

nginx 代理

部署到这一步项目在服务器的本地已经可以访问了，但在外部网络是无法进行访问的，这时需要用 nginx 进行代理

1. 修改 /conf/nginx.conf 配置

http {

    #gzip  on;

    upstream nodenuxt {
        server 127.0.0.1:3000; # nuxt 项目监听PC端端口
        keepalive 64;
    }

    server {
        server_name  www.wfaceboss.top; # 目标域名

        location / {
            proxy_pass http://nodenuxt;
        }
    }
}