最近在将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，选择其他不清楚会遇到什么问题.
启动文件选择如下：
文章来源：https://www.toymoban.com/news/detail-834349.html
最后配置完以后，去访问地址发现就能看到了，就这样😝文章来源地址https://www.toymoban.com/news/detail-834349.html
到了这里，关于nuxt3项目在宝塔上使用pm2放到服务器的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
