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

问题:在Vue项目中使用axios访问了一个http协议的接口,报错如下

查资料后发现原因是在https中请求http接口或引入http资源都会被直接blocked(阻止),浏览器默认此行为不安全,会拦截。

解决办法:

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

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

posted @ 2021-06-10 12:07  527xyz  阅读(7468)  评论(0编辑  收藏  举报