我有两个网站,oa.xxx.com和www.xxx.com。现在需要在oa.xxx.com网站上通过canvas将www.xxx.com网站上的图片绘制出来。这样就导致了跨域问题。
解决方案:
因为后台是用laravel框架做的,故在.htaccess中添加以下代码:
<IfModule mod_setenvif.c>
<IfModule mod_headers.c>
<FilesMatch "\.(cur|gif|ico|jpe?g|png|svgz?|webp)$">
SetEnvIf Origin ":" IS_CORS
Header set Access-Control-Allow-Origin "*" env=IS_CORS
</FilesMatch>
</IfModule>
</IfModule>
在客户端代码如下:
在谷歌浏览器下和火狐下都能正常实现功能:
在360浏览器下就不能实现:
报错:
请问该怎么解决?
问题已解决,是浏览器缓存问题。只需要禁止浏览器使用缓存就可以。