nuxt2 发布到线上

环境配置

• Node.js 16.15.0
• Yarn 1.22.19
• PM2 5.2.2

部署流程

1. 初始项目结构展示
   

2. 执行 yarn dev 命令生成 .nuxt 文件夹
   

3. 执行 yarn build 生成dist文件夹
   

4. 上传以下文件到服务器
   

5. 服务器文件结构展示
   

6. 安装依赖并启动服务：

   • 执行 yarn 安装依赖
   • 使用 yarn pm2 启动服务
   • 若无PM2，执行 yarn global add pm2 安装

7. 服务启动成功界面
   

8. Nginx配置

server {
    listen 80;
    server_name chaoyangqq.top; # 替换为您的域名或IP
    
    location / {
        proxy_pass http://127.0.0.1:9999; # 服务端口
        proxy_set_header Host $host;
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
    }
}

部署完成后即可通过服务器访问项目。检查源码可见