小白踩坑之Vue部署到tomcat服务器出现http变成https

VUE项目打包到tomcat服务器遇到的问题记录(打包到服务 器之后出现axios请求地址由HTTP变成HTTPS的解决方法)

0、描述:

本人在网上找到了一个壁纸的api(哪里找到的这里就不说了,请自行百度.),然后突然有了一个想法,自己做一个图片网站(仅供自娱自乐)。说干就干。刚开始的时候一切都是那么的祥和美好,但是到了打包部署的时候就出现大问题了。废话不多说下面开始讲述问题的前因后果。

1、 使用的环境:

Vue 版本 :3.0.5
Vue 版本

2、出现的错误:

  1. 前端请求的地址是 http 开头的:
    前端请求的地址
  2. 服务器访问的时候 http 莫名奇妙的变成了 https
    部署之后访问出现的问题
  3. 然鹅 我找的这个 api 不支持 https请求,拿不到数据,这就比较尴尬了。但是作为程序猿的最后一丝倔强,怎么能半途而废啊,所以就开始了找 BUG 的旅途 。。。

3、问题分析

  1. 一开始以为是服务器中的tomcat有问题,然后在网上也找了很多,但是并没有什么实质性的作用,我还根据网上的指点配置了 tomcat 服务器中 conf 文件夹下的 web.xml文件,具体配置如下,其中的标签的含义请自行百度.
    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>
	
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值