vue项目打包发布

利用nginx代理服务器部署

1.下载nginx压缩包,解压
1.编译vue项目,npm run build,此时会在dist目录下输出编译后的文件
2.打开nginx.conf,配置编译的vue项目目录

这个配置为自己vue项目编译后index的目录(默认编译输出目录是dist)

配置代理服务器的端口
4.运行nginx,start nginx
5.打开浏览器,输入127.0.0.1:8020即通过nginx可查看到vue项目了

配置请求后端代理

设置第一张图内的“proxy_pass http”,即可设置请求服务的地址

这个请求地址有带 #/#和不带#/#两种,若请求是127.0.0.1:8020/user/getUsers
/时,会认为除了最后 #/#后内容外全都被代理了,代理的是127.0.0.1:8080/getUsers。
不带/,会认为只代理了IP+端口号,所以代理的是127.0.0.1:8080/user/getUsers。

原文地址:https://www.cnblogs.com/hzozj/p/12937634.html