【 Nuxt 3】使用 SFTP 部署 Nuxt 3 项目

使用 SFTP 部署 Nuxt 3 项目,以下是具体步骤:

  1. 打包项目
    在本地项目目录下运行以下命令进行打包:
npm run build

打包完成后,会在项目根目录生成 .output 文件夹。

  1. 使用 SFTP 上传文件
    将 .output 文件夹中的内容通过 SFTP 上传到服务器的目标目录中。例如,可以使用 FileZilla 等 SFTP 客户端工具连接服务器,并将文件上传到 /var/www/nuxt-app 等目录。

  2. 在服务器上启动项目
    安装依赖
    如果服务器上没有安装 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
  1. 配置 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 项目并使其正常运行。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值