vue前端部署纪实

测试环境使用的是centos7

1.yum -y install pcre*

2.yum -y install openssl*

3.下载nignx软件 wget http://nginx.org/download/nginx-1.17.9.tar.gz

4.tar zxvf nginx-1.17.9.tar.gz

5.进入到nginx-1.17.9目录，使用./configure命令

6.执行make && make install命令

7.执行完6步命令后，会在/usr/local/目录中安装nginx软件

8.进入/usr/local/nginx/sbin目录，执行./nginx -t命令，提示test is successful字样 ，则安装成功，或者在浏览器上输入http://ip/，显示welcome to nginx，也行

9.修改项目所在目录/config/prod.env.js文件中的BASE_API为web服务所在地址，如 BASE_API:'"http://192.168.3.201:8001"'

10.在vscode中右击项目->在终端中打开，执行npm run build命令打包

11.打包后的文件都在项目根目录/dist/中

12.把dist上传到服务器上，如/test/dist/

13.修改nginx.conf文件，如下

location / {

#项目所在目录
root /test/dist/;
index index.html index.htm;
}

14.使用./nginx命令，启动nginx容器

15.访问192.1683.201，如果能正常打开项目，则说明部署成功