nginx静态资源跨域请求 解决方法——筑梦之路

现象：

Access to image at 'http://192.168.10.90:7000/media/ig/person/photo/20200714/4ed4724efcf9414eb8b8d74e0580985d.jpg' from origin 'http://localhost:8080' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

分析：

前端是vue做的页面，需要去请求另一台机器上的资源和数据，这里是请求一张图片，结果报错显示不出来，这里涉及到了跨域请求静态资源，需要在10.90这台机器上配置nginx。

解决方法：

在静态资源的请求路由下增加配置如下：

location /media {
        alias   /data/xxx/media/;
        add_header 'Access-Control-Allow-Origin' '*'; 
    }

配置完成后，重启nginx服务，问题得到解决！