nuxt2 项目构建发布流程（运维版）

nuxt2 项目构建发布流程（运维版）

目录

• 环境准备
• 代码获取
• 本地构建
• 服务端部署

1.环境准备

1.1安装Node.js

下载地址 nodejs.org/zh-cn/blog/…

查看是否安装成功

node -v

查看npm版本

npm -v

2. 代码获取

git 地址
http://xxxxxxx

3. 本地构建

3.1 依赖安装

cd ./ezca-mall-web-portal

# 使用淘宝镜像加速
npm install --registry=https://registry.npmmirror.com

## 不使用淘宝镜像加速
npm install

3.2 构建命令

# 生产环境构建（默认）
npm run build

4. 服务端部署

4.1 服务器环境准备 安装node环境

准备 node安装包 node-v14.15.4-linux-x64.tar.xz

解压安装包

tar -Jxvf node-v14.15.4-linux-x64.tar.xz

将解压后的文件夹重命名为 node

将 node 文件夹移动到 /usr/local 目录下

sudo mv node-v14.15.4-linux-x64 /usr/local/node

配置环境变量

sudo vim /etc/profile

在文件中添加以下内容

export NODE_HOME=/usr/local/node
export PATH=$PATH:$NODE_HOME/bin

使环境变量生效

source /etc/profile

建立软连接，使其全局可使用npm命令

sudo ln -s /usr/local/node/bin/node /usr/bin/node
sudo ln -s /usr/local/node/bin/npm /usr/bin/npm

4.2 PM2 进程管理

服务端安装pm2环境

sudo npm install -g pm2

4.3 服务端启动项目

.nuxt static env.js nuxt.config.js package.json

将打包后的以上所需文件及文件夹上传到服务器，上传到服务器的根目录下，xxx-xxx

npm install

注意：如果不能服务端安装依赖， 需把前端的node_modules文件夹上传到服务器，上传到服务器的根目录下，xxx-xxx/node_modules

启动项目

pm2 start npm --name "xxx-xxx" -- run start

还可以使用

# 启动项目
npm run start

这个启动命令主要可以用来排查问题，不推荐使用来启动项目

停止项目

pm2 stop all

注意：如果不能启动项目，需检查以下问题：

1. 端口是否被占用
2. 环境变量是否配置正确
3. 依赖是否安装正确
4. 文件目录是否有权限

# 查看pm2进程
pm2 list