vue引入微信公众号文章报错怎么处理?

图片说明

vue引入微信公众号文章后,就会在控制台报这样的错误,没用到iframe,楼主只是直接把后台的数据拿到前台就会报这样的错误

注意看最后一句, 里面有一个关键字“cross-origin“跨域,还有SecurityError: permission denied to access property "Image"

SecurityError: permission denied to  access property "Image" on cross-origin object

意思就是安全错误: 拒绝访问跨域对象上的属性“Image”
所以你还需要关注chrome浏览器的Network选项卡,看看网络请求中报错信息

原因就在于你加载的图片请求的是是腾讯的服务器,腾讯服务器的安全策略机上浏览器的安全策略认为Image的资源是跨域的,是脏的,虽然js同样是来自腾讯的服务器,但是js的安全策略不一样,所以可以加载成功,但是js去操作脏了的图片Image,就会报这个错误。

综上所述,没有办法解决,JSONP也不行。

相关资料
https://developer.mozilla.org/zh-CN/docs/Web/HTTP/Access_control_CORS