前端部署服务器

node 服务器

安装nvm

nvm是node版本管理器

//创建nvm 安装目录
mkdir /usr/local/nvm
mkdir /opt/nvm
//克隆代码到服务器
git clone https://github.com/nvm-sh/nvm.git /opt/nvm
//导出NVM_DIR 环境变量，让nvm 安装node到该目录
export NVM_DIR=/usr/local/nvm 
//执行nvm 的命令, 激活nvm 到系统shell 中
source /opt/nvm/nvm.sh

常用命令

nvm list //服务器上的node版本
nvm use 14.17.5 //切换使用的node版本
nvm install 14.17.5//node版本安装

服务器安装node

yum install node //尝试是否可以
//下载node压缩包并解压
wget https://nodejs.org/dist/v14.17.5/node-v14.17.5-linux-x64.tar.xz
tar -xf node-v14.17.5-linux-x64.tar.xz
//配置node环境变量或者软链接
export NODE_HOME=`/root/zuo/env/node-v14.17.5-linux-x64`{ 这里填解压之后node的路径}
export PATH=$PATH:$NODE_HOME/bin

git

安装git

yum -y install git

nginx

安装nginx
参考 https://www.yuque.com/liupeng-ibrjm/qbk7ug/di5rsi

拉取代码

git clone 拉取代码

打包

拉取好的代码目录中运行

npm install  //安装前端依赖
npm run build //打包生成静态代码
如果出现错误可以用yarn
安装yarn npm install yarn -g
yarn  //安装前端依赖
yarn build //打包生成静态代码

部署

nginx配置

参考https://www.yuque.com/liupeng-ibrjm/qbk7ug/di5rsi