1Panel部署Nuxt3项目

570 阅读1分钟

通过 Node.js 官方 Yum 源安装,首先更新系统包:

sudo yum update -y

添加 Node.js 官方存储库:

根据需要的 Node.js 版本,执行以下命令(以下以 Node.js 18 为例):

curl -sL https://rpm.nodesource.com/setup_18.x | sudo bash -

安装 Node.js:

sudo yum install -y nodejs

验证安装:

# node -v
v18.20.5
# npm -v
10.8.2

安装pm2:

npm install pm2@latest -g

在终端窗口中执行如下命令时,如果长时间没有响应,可能是因为网络问题,NPM 默认使用的 registry.npmjs.org 有时可能因为网络问题无法连接,特别是国内用户。

解决方法:

使用如下命令切换到国内的 npm 源,比如淘宝源:

npm config set registry https://registry.npmmirror.com

或者临时使用:

npm install pm2@latest -g --registry=https://registry.npmmirror.com

查看pm2版本

# pm2 -v
5.4.3

在nuxt项目根目录创建 ecosystem.config.cjs文件,内容如下:

module.exports = {
    apps: [
        {
            name: "HelloNuxt",
            port: "3000",
            exec_mode: "cluster",
            instances: "1",
            script: "./.output/server/index.mjs",
        }
    ],
};

通过1Pannel终端创建 /www/nuxt3目录

并将nuxt项目中的 .output目录、ecosystem.config.cjspackage.json文件上传到 /www/nuxt3目录下。

启动nuxt项目

pm2 start ecosystem.config.cjs

查看运行状态

pm2 list

通过1Panel创建反向代理

主域名:nuxt.net10086.cn

代号: nuxt.net10086.cn

代理地址:127.0.0.1:3000

通过1Panel启用https

打开网站->基本->HTTPS->启用HTTPS(如果没有申请证书,须先申请SSL证书)。

验证结果

通过浏览器访问 https://nuxt.net10086.cn即可看到nuxt页面。