Vue前端部署到nginx

1、服务器地址：
部署linux服务器ip
2、部署环境
版本：Nginx 1.13.7 /usr/local/nginx
LINUX安装nginx详细步骤
1.安装依赖包

//一键安装上面四个依赖
yum -y install gcc zlib zlib-devel pcre-devel openssl openssl-devel
2.下载并解压安装包
//创建一个文件夹
cd /usr/local
mkdir nginx
cd nginx
//下载tar包
http://nginx.org/download/nginx-1.13.7.tar.gz 上传至服务器/usr/local/nginx
//解压压缩包
tar -xvf nginx-1.13.7.tar.gz
3.安装nginx
//进入nginx目录
cd /usr/local/nginx
//进入目录
cd nginx-1.13.7
//执行命令
./configure
//执行make命令
make
//执行make install命令
make install
修改配置：

启动nginx ：/usr/local/nginx/sbin/nginx
关闭 nginx：/ usr/local/nginx/sbin/nginx -s stop
重启 nginx：/ usr/local/nginx/sbin/nginx -s reload

3、部署流程
3.1、检查项目config文件下index.js文件下图两处，在/前加上点

3.2、在build文件夹下utils.js找到如下图，加载时找不到图片，添加：publicPath:"…/…/"解决

3.3、在控制台输入npm run build 命令，生成下图dist文件

3.4、复制dist文件里的static和 index.html文件打成压缩包上传到服务器/usr/local/nginx/html目录里（上传方式自定），如之前html目录有文件先删除，然后解压上传的压缩文件，重新启动nginx，重启命令见部署环境。

3.5、浏览器输入服务器ip+端口回车即可打开页面，部署完成