防盗链
前两天在写详情页,因为图片是后台直接传递过来的,并且后台php是从微信公众号down下来的,这样的话就出现了一个问题,
作者百度了许多博客的文章,及掘金文章,最后的出三个方案:
1.把图片放到iframe里面嵌套,这样的话相当于多了一层,就不会出现防盗链的问题,
2.我参考了https://stackoverflow.com/questions/3877027/jquery-callback-on-image-load-even-when-the-image-is-cached/3877079#3877079?newreg=a7cd36a6037243a8a0e4523783c91ae9 ,采取了下面的方法,虽然还是不知道为什么,问题还是解决了。希望以后能探究
3.是最简单的一种方法就是在index.html加上这句话
<meta name="referrer" content="never">
就这么一句话,把它放到<head>头里就可以了。记得要把其他影响图片的东西给删了,不然会冲突。
**腾讯地图的api调用**
举例我是在vue中使用,`
var center = new qq.maps.LatLng(34.75975, 113.76953);
var map = new qq.maps.Map(document.getElementById("container"), {
center: center,
zoom: 13
});
var marker = new qq.maps.Marker({
position: center,
map: map
});
},
// 动态创建script
loadScript() {
var script = document.createElement("script");
script.type = "text/javascript";
// script.src = "https://map.qq.com/api/js?v=2.exp&key=F4ABZ-AFOHO-A5KWU-SY4U6-IKWPF-MYBKA";
document.body.appendChild(script);
},
这里需要有一个问题,就是api中的js调用init是在<body onload="init()">中直接调用的
loadscript是在window.load中条用的,此处可以参考[https://lbs.qq.com/javascript_v2/guide-start.html]()
vue中的话就是在mounted注意一定要在mounted而不能再created中调用,否则会报错,因为他是在页面加载才调用的.