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

解决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协议)请求。