解决canvas图片跨域的问题has been blocked by CORS policy: No ‘Access-Control-Allow-Origin‘ header is pres
时间: 2023-11-06 20:01:23 浏览: 213
出现"has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource"的错误是由于浏览器的同源策略导致的。同源策略是浏览器的一种安全机制,用于限制从一个源加载的文档或脚本如何与来自另一个源的资源进行交互。解决这个问题有几种方法:
1. 在服务器端配置CORS允许跨域访问。你可以在服务器的响应头中添加"Access-Control-Allow-Origin"字段,值为允许访问的域名或"*"来允许所有域名的访问。
示例配置:
```
add_header Access-Control-Allow-Origin *;
add_header Access-Control-Allow-Credentials: true;
```
2. 使用代理服务器。在客户端通过代理服务器请求图片资源,然后由代理服务器将资源返回给客户端。这样可以绕过浏览器的同源策略限制。
阅读全文