vue发布步骤

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档

---

提示：以下是本篇文章正文内容，下面案例可供参考

一、安装node？

为vue准备环境安装node

wget https://nodejs.org/dist/v16.14.0/node-v16.14.0-linux-x64.tar.xz

下载完成后再该路径下进行解压

xz -d node-v16.14.0-linux-x64.tar.xz
tar -xvf node-v16.14.0-linux-x64.tar

重命名一下文件夹这样好记些

mv node-v16.14.0-linux-x64 nodeJS-V16.14.0

配置node

vim /etc/profile

在配置文件后边加入

export NODEJS_HOME=/root/nodeJS-V16.14.0
export PATH=$NODEJ{S}_{H}OME/bin:$PATH

刷新一下配置文件

source /etc/profile

查看是否配置成功

node -v

安装WebPackage

npm install webpack -g --registry=https://registry.npm.taobao.org

二、配置nginx

下载nginx

wget https://nginx.org/download/nginx-1.21.6.tar.gz

解压

tar -zxvf nginx-1.21.6.tar.gz

检查配置文件

./configure

安装gcc和一些依赖库，有gcc就不要安装了

yum install gcc-c++
yum install -y pcre pcre-devel
yum install -y zlib zlib-devel
yum install -y openssl openssl-devel

再检查一次

./configure

安装nginx

make install

查看nginx路径

whereis nginx

配置nginx环境变量

vim /etc/profile

进入编辑,在文件最下面加上如下字段

export PATH=$PATH:/usr/local/nginx/sbin

初始化配置

source /etc/profile

检查环境变量是否配置成功

nginx -v

启动nginx

nginx

访问远程服务器，出现nginx界面就成功了

1.常用命令

启动服务：nginx
退出服务：nginx -s quit
强制关闭服务：nginx -s stop
重载服务：nginx -s reload　　（重载服务配置文件，类似于重启，但服务不会中止）
验证配置文件：nginx -t
使用配置文件：nginx -c "配置文件路径"
使用帮助：nginx -h

2、修改配置文件

然后前端打包vue，成dist，将dist包放入服务器的文件夹中例如/home/server/，就要将nginx配置文件进行更改
nginx配置文件路径：/usr/local/nginx/conf/nginx.conf

修改完成后就可以了！！