问题描述:
子域名m.demo.com
需要访问www.demo.com
下的图片,代码如下
可以正常访问 <img src="http://www.demo.com/uploads/demo.png"> 不能正常访问 <img src="http://www.demo.com/uploads/demo.png" crossOrigin='anonymous'>
经过测试之后,发现加了 crossOrigin='anonymous'
属性的不能正常访问,
打开浏览器console发现是跨域问题,那就由后端解决
解决方法
location ^~ /uploads/ { alias /www/wwwroot/demo.com/uploads/; # 开启允许跨域访问 add_header 'Access-Control-Allow-Origin' '*'; }
在资源文件服务器www.demo.com
,修改Nginx配置
参考