关于跨域获取图片问题

Question

先上圖
這是抱錯
Access to Image at 'http://cdn.2177.cn/funny/8bc1c7a8441cec633168f7e07fc96589.png' from origin 'http://www.zuiwuliao.cn' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://www.zuiwuliao.cn' is therefore not allowed access.

我目前的问题 就是跨域问题 查了老半天 我同一个服务器上 有解析四五个域名 我要从wwww.zuiwuliao.cn域名跟cdn.2177.cn域名 拿一张图片在用canvas绘图 问题来了 我还没有请求 就先报跨域错 执行后不生成 我实在不知道该怎么处理 已经搞了三四天了 求大神解答

Answer 1

服务端不设置容许你域跨域是没办法的 如果容许还要给img设置img.setAttribute('crossOrigin', 'anonymous');才行

Answer 2

如果服务端不支持，你就需要从后台去访问，下载下这个图片，在前端是没办法的。

Answer 3

springmvc 跨域支持 注意4.2之后版本的实现不一样 CorsFilter，参考官方文档找实现代码

Answer 4

服务端需要配置请求 Access-Control-Allow-Methods/Headers/Origin

Answer 5

通过服务器代码获取图片数据流，并响应，然后客户端请求服务器的那个代码