1.背景介绍

微信h5界面需要生成截图,采取前端canvas的方案,出现跨域

2.解决方案

假设界面是
aa.bb.cc/mydemo/index.html
在nginx里配置

 location /mydemo/wechat/image/{add_header 'Access-Control-Allow-Origin' "$http_origin" always;add_header 'Access-Control-Allow-Credentials' 'true' always; add_header 'Access-Control-Allow-Methods' 'GET, OPTIONS' always; add_header 'Access-Control-Allow-Headers' 'Accept,Authorization,Cache-Control,Content-Type,DNT,If-Modified-  Since,Keep-Alive,Origin,User-Agent,X-Requested-With' always;proxy_pass http://thirdwx.qlogo.cn/;}

这样,在

aa.bb.cc/mydemo/wechat/image/+xxx

的链接上即可访问微信头像图片,不会再导致canvas跨域错误

nginx解决微信头像canvas跨域问题相关推荐

OpenLayers3关于Map Export的Canvas跨域
一 Canvas跨域现象地图导出是地图中常用的功能,并且OpenLayers3中也提供了两个地图导出的例子: http://openlayers.org/en/latest/examples/exp ...
通过 Nginx 代理转发配置实现跨域（API 代理转发）
通过 Nginx 代理转发配置实现跨域(API 代理转发) 阅读 2285 收藏 119 2017-04-08 原文链接:www.thinktxt.com 1元视频体验视频通话10000分钟cloud ...
Nginx 指定多个域名跨域请求配置
nginx指定多个域名跨域请求配置什么是跨域假设我们页面或者应用已在 http://www.test1.com 上了,而我们打算从 http://www.test2.com 请求提取数据.一般情况 ...
canvas跨域：Tainted canvases may not be exported.
Uncaught DOMException: Failed to execute 'toDataURL' on 'HTMLCanvasElement': Tainted canvases may no ...
canvas跨域图片报Tainted canvases may not be exported.
canvas跨域图片报Tainted canvases may not be exported.解决办法--在路径后面添加时间戳 img.src = url + "?v=" + n ...
用P3P header解决IE下iframe跨域访问时候session丢失的问题
用P3P header解决IE下iframe跨域访问时候session丢失的问题整合客户的登录时,或者其他一个网站通过iframe时,特别是一个http页面,访问一个https页面时,常常会sess ...
解决阿里云OSS跨域问题
解决阿里云OSS跨域问题现象本人项目中对阿里云图片请求进行了两次,第一次通过img标签进行,第二次通过异步加载获取.第一次请求到图片,浏览器会进行缓存,随后再进行异步请求,保存跨域失效. 错误信息 ...
本地跨域处理ajax,Node.js配合node-http-proxy解决本地开发ajax跨域问题
情景: 前后端分离,本地前端开发调用接口会有跨域问题,一般有以下3种解决方法: 1. 后端接口打包到本地运行(缺点:每次后端更新都要去测试服下一个更新包,还要在本地搭建java运行环境,麻烦) 2. ...
解决css引用字体跨域问题
解决css引用字体跨域问题参考文章: (1)解决css引用字体跨域问题 (2)https://www.cnblogs.com/victorlyw/articles/9970805.html 备忘一下 ...

nginx解决微信头像canvas跨域问题

1.背景介绍

2.解决方案

nginx解决微信头像canvas跨域问题相关推荐

最新文章

热门文章