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。


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM