nuxt2·
nuxt2 发布到线上
本文详细介绍了基于Node.js和Nuxt.js项目的完整部署流程。首先确认环境配置（Node.js 16.15.0/Yarn 1.22.19/PM2 5.2.2），然后逐步执行构建命令生成.nuxt和dist文件夹，将关键项目文件上传至服务器。在服务器端安装依赖后，使用PM2管理服务进程，并配置Nginx反向代理（示例配置包含监听80端口、域名绑定和请求转发设置）。部署完成后，项目可通过服务器访问，其中login页面使用固定数据，cardsearch通过接口获取动态数据。整个过程包含清晰的命令行操作和服务
服务器运维
环境配置
- Node.js 16.15.0
- Yarn 1.22.19
- PM2 5.2.2
部署流程
- 初始项目结构展示
- 执行
yarn dev命令生成.nuxt文件夹
- 执行
yarn build生成dist文件夹
- 上传以下文件到服务器
- 服务器文件结构展示
- 安装依赖并启动服务：
- 执行
yarn安装依赖 - 使用
yarn pm2启动服务 - 若无PM2，执行
yarn global add pm2安装
- 执行
- 服务启动成功界面
- 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;
}
}
部署完成后即可通过服务器访问项目。检查源码可见