https网站中,引用百度地图等http资源出现报错的解决方法

关于网站安装了证书,使用https协议,导致无法引用http资源,这种问题是经常发生的,那么是什么原因导致的呢?如果你的网站是https的,那么下边的资源也必须是https的,否则是不行的。
我是百度地图遇到的这个问题,开始的链接是这样子的:http://api.map.baidu.com/api?v=2.0&ak=我的密钥;打开页面什么都没有,F12查看才知道报错了,下面是两个方法可以解决。

方法一:

改成https,并且需要在最后边加一个特殊字段 s=1,如下:
https://api.map.baidu.com/api?v=2.0&ak=我的秘钥&s=1;

方法二:

vue

export function BDMP () {
return newPromise(function (resolve, reject) {
window.init=function () {
resolve(BMap);
};
varscript=document.createElement(‘script’);
script.type=’text/javascript’;
script.src=’https://api.map.baidu.com/api?v=2.0&ak=’+Config.bdmapak+’&callback=init’;
script.onerror=reject;
document.head.appendChild(script);
});
}
目前方法二项目上一直使用,小伙伴们可以试试。
更多技术分享,请关注六捷汇资源网哦!

评论0

请先

没有账号? 忘记密码?