使用 SFTP 部署 Nuxt 3 项目,以下是具体步骤:
- 打包项目
在本地项目目录下运行以下命令进行打包:
npm run build
打包完成后,会在项目根目录生成 .output 文件夹。
-
使用 SFTP 上传文件
将 .output 文件夹中的内容通过 SFTP 上传到服务器的目标目录中。例如,可以使用 FileZilla 等 SFTP 客户端工具连接服务器,并将文件上传到 /var/www/nuxt-app 等目录。 -
在服务器上启动项目
安装依赖
如果服务器上没有安装 Node.js 和相关依赖,需要先安装 Node.js。然后在项目目录下运行以下命令安装项目依赖:
npm install --production
启动项目
可以使用 node 命令直接启动项目:
node .output/server/index.mjs
或者使用 PM2 进行进程管理
1.安装 PM2:
npm install -g pm2
2.创建 PM2 配置文件 ecosystem.config.cjs,内容如下:
module.exports = {
apps: [
{
name: 'nuxt-app',
script: './.output/server/index.mjs',
args: 'start',
instances: 'max',
exec_mode: 'cluster',
port: 3000
}
]
};
3.启动项目:
pm2 start ecosystem.config.cjs
- 配置 Nginx 反向代理
如果需要通过域名访问项目,可以配置 Nginx 进行反向代理。以下是一个示例配置:
server {
listen 80;
server_name your-domain.com;
location / {
proxy_pass http://localhost:3000;
proxy_http_version 1.1;
proxy_set_header Upgrade $http_upgrade;
proxy_set_header Connection 'upgrade';
proxy_set_header Host $host;
proxy_cache_bypass $http_upgrade;
}
}
最后,执行 nginx -s reload 使配置生效。
通过以上步骤,即可使用 SFTP 部署 Nuxt 3 项目并使其正常运行。