nuxt3项目在宝塔上使用pm2放到服务器

最近在将nuxt3项目扔到服务器上的时候遇到了一些问题,发现打包后的nuxt项目与正常的vue文件有些差别,缺失了index.html文件。

这边就记录下nuxt3项目是怎么放到服务器上的🤔

一、打包nuxt3项目

执行对应的打包命令 yarn build

二、找到打包后的文件

三、这里我使用宝塔 + PM2管理器(进行准备工作)

1. 在宝塔中的软件商店下载 pm2

2. pm2后面会用到一个 ecosystem.config.js 文件,代码如下:

创建一个文件,文件名叫 ecosystem.config.js

这里的 port 设置一个空闲的端口号,不要冲突就好

module.exports = {
  apps: [
    {
      name: NuxtAppName,
      exec_mode: cluster,
      instances: max,
      script: ./.output/server/index.mjs,
      env: {
          "PORT": 10001,
          "NODE_ENV": "development"
      },
    }
  ],
}

3. 添加站点,如下:

注意这里设置的端口也是需要空闲的端口,别冲突了

四、上传打包后的文件

将上面说到的 .output 整个文件夹上传,如下图:

注意:上传的路径地址是 站点 对应的地址

五、将 ecosystem.config.js 文件扔到根目录,如下图:

六、在 pm2 中添加项目

这里选择权限最大的root,选择其他不清楚会遇到什么问题.

启动文件选择如下:

最后配置完以后,去访问地址发现就能看到了,就这样😝

经验分享 程序员 微信小程序 职场和发展