解决Mixed Content:the page at‘https://’ was loaded over HTTPS,but requested an insecure resource ‘http://’

问题:在Vue项目中使用axios访问了一个http协议的接口,报错如下
在这里插入图片描述
查资料后发现原因是在https中请求http接口或引入http资源都会被直接blocked(阻止),浏览器默认此行为不安全,会拦截。

解决办法:

public/index.html里面加入此行代码

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

在页面中加上此meta标签,原理是使用META标签强制将http请求转成https(SSL协议)请求。

Logo

北京人形旗下天工造物具身智能开源社区,聚焦具身天工与慧思开物两大平台

更多推荐