网页引用未授权源scripts的解决
(前端小白)昨晚在用百度地图api的时候,在本地测试都很顺利,根据开发页面上的demo可以得到自己想要的效果。完成以后push到了Github上,用自己的域名打开,发现一片空白,网址右端出现不安全提示。
查看开发页面上的demo源码
一开始以为是异步加载可以解决,就用了
function loadJScript() {
var script = document.createElement("script");
script.type = "text/javascript";
script.src = "http://api.map.baidu.com/api?v=2.0&ak=您的密钥&callback=init";
document.body.appendChild(script);
}
发现还是没有解决,天色很迟很想睡觉了。
发现错误
其实一开始百度问题的时候看到过要用https,我自己打开的域名确实是https没错,猛然发现在百度demo里面引用的是http开头的域名。随即加入s,问题解决。网页可以正常加载,不用手动白名单。
链接
1、http://lbsyun.baidu.com/jsdemo.htm#a1_2
2、https://www.wzsdysy.com/ (爸爸仓库地址,拿来实验,哈哈哈)