图片访问跨域

场景分析

在页面中访问图片，出现上图跨域问题，原因是页面在另一个域名下，而图片是直接放在nginx搭建的静态服务下，因此，需要修改nginx的配置，允许图片的跨域请求。

解决方案

找到nginx的配置，修改如下：

     location /路径/ {
        add_header Access-Control-Allow-Origin *;
        add_header Access-Control-Allow-Methods 'POST, GET, OPTIONS, DELETE, HEAD';
        add_header Access-Control-Allow-Headers 'DNT,X-Mx-ReqToken,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Authorization,access-control-allow-origin';

        if ($request_method = 'OPTIONS') {
                return 204;
        }

         alias /文件放置路径;
     }

执行命令使配置生效，如下：

nginx -s reload