VUE NUXT应用到服务端部署过程
由于seo的需要,新的前端项目采用nuxt服务器端渲染,现记录Linux服务器端部署过程。
一、搭建nodejs环境
(一)下载Nodejs
下载地址:https://nodejs.org/zh-cn/download/
下载稳定版(长期支持版)的Linux 二进制文件 (x64)
(二)安装Nodejs
放到要安装的目录,比如: /srv/
解压:tar -xvf node-v14.16.0-linux-x64.tar.xz
修改目录名: mv node-v14.16.0-linux-x64 nodejs
建立软连接,便于系统调用:
ln -s /srv/nodejs/bin/node /usr/local/bin/node
ln -s /srv/nodejs/bin/npm /usr/local/bin/npm
测试nodejs:node -v
测试npm:npm -v
(三)安装pm2并建立软连接
npm install -g pm2
ln -s /srv/nodejs/bin/pm2 /usr/local/bin/pm2
二、上传前端项目文件
npm run build 打包应用,上传以下文件到服务器:
.nuxt
static
nuxt.config.js
package.json
三、部署运行
进入前端项目文件目录
运行npm install 安装package里的依赖
运行npm start 就可以运行起来nuxt的服务渲染了(测试使用)
常驻后台运行方式:
pm2 start npm --name “my-nuxt” – run server
其中 my-nuxt的名称是 我们在package中的项目名称。
执行完pm2的启动命令后,我们用 pm2 list 查看一下进程列表。run server是我们配置的命令