解决项目打包后,或用ip访问项目 http请求自动代理成了https请求,导致项目无法正常访问资源 vue3+vite

问题描述: 在写一个项目完成后, 项目打包上线发现项目无法找到资源,经核实后端地址为http://xxxxxxxxx被莫名其妙改写成了https://xxxxxxxxx请求, 导致项目无法正常被访问。

问题本质: 在https页面中,如果调用了http资源,那么浏览器就会抛出一些错误。为了改变成这一状况,chrome(谷歌浏览器)会在http请求中加入 ‘Upgrade-Insecure-Requests: 1’ ,服务器收到请求后会返回 “Content-Security-Policy: upgrade-insecure-requests” 头,告诉浏览器,可以把所属本站的所有 http 连接升级为 https 连接。

解决方式:

1. 检查项目中index.html中是否有

 <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">

将代码中的 content="upgrade-insecure-requests" 删除掉,即可。

2. 检查项目中的vite.config.js 或vite.config.ts文件中proxy代理的server对象中有没有https这个属性, 将其改为false即可

  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值