VUE NUXT应用服务端部署过程

VUE NUXT应用服务端部署过程

由于seo的需要，新的前端项目采用nuxt服务器端渲染，现记录Linux服务器端部署过程。

一、搭建nodejs环境

（一）下载Nodejs

下载地址：https://nodejs.org/zh-cn/download/
下载稳定版（长期支持版）的Linux 二进制文件 (x64)

（二）安装Nodejs

1. 放到要安装的目录，比如： /srv/
2. 解压：tar -xvf node-v14.16.0-linux-x64.tar.xz
3. 修改目录名： mv node-v14.16.0-linux-x64 nodejs
4. 建立软连接，便于系统调用：
   ln -s /srv/nodejs/bin/node /usr/local/bin/node
   ln -s /srv/nodejs/bin/npm /usr/local/bin/npm
5. 测试nodejs：node -v
6. 测试npm：npm -v

（三）安装pm2并建立软连接

1. npm install -g pm2
2. ln -s /srv/nodejs/bin/pm2 /usr/local/bin/pm2

二、上传前端项目文件

npm run build 打包应用，上传以下文件到服务器：

• .nuxt
• static
• nuxt.config.js
• package.json

三、部署运行

1. 进入前端项目文件目录
2. 运行npm install 安装package里的依赖
3. 运行npm start 就可以运行起来nuxt的服务渲染了（测试使用）
4. 以pm2管理常驻后台的nodejs进程：

pm2 start project.json
//其中 project.json名字可自定义，配置了相关参数。

5. pm2运维相关命令

pm2 start project.json        //启动project.json配置的项目
pm2 restart project.json    //重启
pm2 stop project.json       //停止
pm2 list                             //列出进程
pm2 delete project.json    //删除
pm2 delete all                   //删除所有进程
pm2 log                            //查看日志