VUE项目打包到tomcat服务器遇到的问题记录(打包到服务 器之后出现axios请求地址由HTTP变成HTTPS的解决方法)
0、描述:
本人在网上找到了一个壁纸的api(哪里找到的这里就不说了,请自行百度.),然后突然有了一个想法,自己做一个图片网站(仅供自娱自乐)。说干就干。刚开始的时候一切都是那么的祥和美好,但是到了打包部署的时候就出现大问题了。废话不多说下面开始讲述问题的前因后果。
1、 使用的环境:
Vue 版本 :3.0.5
2、出现的错误:
- 前端请求的地址是 http 开头的:
- 服务器访问的时候 http 莫名奇妙的变成了 https
- 然鹅 我找的这个 api 不支持 https请求,拿不到数据,这就比较尴尬了。但是作为程序猿的最后一丝倔强,怎么能半途而废啊,所以就开始了找 BUG 的旅途 。。。
3、问题分析
- 一开始以为是服务器中的tomcat有问题,然后在网上也找了很多,但是并没有什么实质性的作用,我还根据网上的指点配置了 tomcat 服务器中 conf 文件夹下的 web.xml文件,具体配置如下,其中的标签的含义请自行百度.
<security-constraint>
<web-resource-collection>
<web-resource-name>securedapp</web-resource-name>
<url-pattern>/*</url-pattern>
</web-resource-collection>
<user-data-constraint>
<!-- NONE 表示不使用 HTTPS -->
<transport-guarantee>NONE</transport-guarantee>