Linux/Windows如何使用pm2部署nuxt项目

本文介绍了在Windows和Linux系统上使用pm2部署Nuxt项目的详细过程,包括安装pm2,设置自启动,项目打包,安装依赖,启动和管理服务,以及一些常用的pm2命令。确保了Nuxt应用的稳定运行和开机自动启动。
摘要由CSDN通过智能技术生成

一、Window使用pm2部署nuxt项目

1.安装pm2(安装前需要安装npm和node)

npm i pm2 -g

2.安装自启动包

npm install pm2-windows-startup -g
pm2-startup install

3.查看是否安装成功(出现版本信息则安装成功)

pm2 -v

4.将nuxt项目打包后的文件(主要有以下4个文件)放到部署目录下

.nuxt
nuxt.config.js,
package.json,
static

5.打开cmd跳转到部署目录安装依赖

npm install

6.启动项目(找到对应的nuxt.js文件启动)

pm2 start ./node_modules/nuxt/bin/nuxt.js -- start

7.保存当前pm2管理的服务并在开机后恢复这些服务,保存路径为PM2_HOME(默认为C:\Users\Administrator.pm2)

pm2 save

二、Linux使用pm2部署nuxt项目

1.安装pm2(安装前需要安装npm和node)

npm install pm2 -g

2.创建软连接

ln -s /root/node-v10.14.2-linux-x64/bin/pm2 /usr/local/bin/

3.查看是否安装成功(出现版本信息则安装成功)

pm2 -v

4.将nuxt项目打包后的文件(主要有以下5个文件)放到部署目录下

.nuxt
nuxt.config.js
package.json
static
pm2.json

5.安装依赖

npm install

6.其中pm2.json自行创建,内容为下

[
        {
                "name": "项目名",
                "script": "npm run start",
                "env_dev": {
                        "NODE_ENV": "development"

                },
                "env_production": {
                        "NODE_ENV": "production"

                },

        }
]

6.初次启动

pm2 start pm2.json

三、pm2常用命令

pm2 list                      # 列表 PM2 启动的所有的应用程序
pm2 monit                     # 显示每个应用程序的CPU和内存占用情况
pm2 show [app-name]           # 显示应用程序的所有信息
pm2 logs                      # 显示所有应用程序的日志
pm2 logs [app-name]           # 显示指定应用程序的日志
pm2 flush                     # 清空所有日志文件
pm2 stop all                  # 停止所有的应用程
pm2 stop 0                    # 停止 id为 0的指定应用程序
pm2 restart all               # 重启所有应用
pm2 reload all                # 重启 cluster mode下的所有应用
pm2 delete all                # 关闭并删除所有应用
pm2 delete 0                  # 删除指定应用 id 0
pm2 startup                   # 创建开机自启动命令
pm2 save                      # 保存当前应用列表
Linux部署 Nuxt.js 应用程序需要以下步骤: 1. 通过 SSH 连接到你的 Linux 服务器。 2. 安装 Node.js 和 NPM。你可以在终端中运行以下命令来安装 Node.js 和 NPM: ``` sudo apt-get update sudo apt-get install nodejs npm ``` 3. 检查 Node.js 和 NPM 的版本是否正确。你可以使用以下命令检查版本: ``` node -v npm -v ``` 4. 将你的 Nuxt.js 应用程序上传到服务器上。你可以使用 FTP 或 SCP 等工具将应用程序上传到服务器上。 5. 在服务器上安装 PM2 进程管理器。你可以使用以下命令安装 PM2: ``` npm install pm2 -g ``` 6. 在服务器上构建你的 Nuxt.js 应用程序。你可以在终端中运行以下命令: ``` npm run build ``` 这个命令将会在你的项目目录下的 `.nuxt` 目录中生成一个可执行的应用程序。 7. 启动你的 Nuxt.js 应用程序。你可以在终端中运行以下命令: ``` pm2 start npm --name "my-app" -- start ``` 这个命令将会使用 PM2 进程管理器启动你的应用程序,并将其命名为 "my-app"。 8. 配置 Nginx 反向代理。你可以在 Nginx 的配置文件中添加以下内容: ``` server { listen 80; server_name example.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; } } ``` 这个配置将会将所有的请求转发到本地的 3000 端口上,这是由 PM2 进程管理器启动的 Nuxt.js 应用程序的默认端口。 9. 重启 Nginx 服务器。你可以在终端中运行以下命令: ``` sudo service nginx restart ``` 这个命令将会重新启动 Nginx 服务器,并使新的配置生效。 现在你的 Nuxt.js 应用程序已经成功部署到了 Linux 服务器上,并且可以通过浏览器来访问了。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值