阿里云OSS图片访问出现跨域:Access to image at from origin has been blocked by CORS policy

nginx配置静态资源跨域,或者把图片转成base64

确保加载图片的网站服务器在响应头中包含 Access-Control-Allow-Origin: * 标头。

这样就会告诉浏览器允许从任何域加载资源。

加接口的nginx里

    # nginx访问服务器静态资源图片
    location ~* .*.(gif|jpg|jpeg|png|bmp|swf)$ {
    add_header Access-Control-Allow-Origin *;
    add_header Access-Control-Allow-Headers X-Requested-With;
    add_header Access-Control-Allow-Methods GET,POST,PUT,DELETE,OPTIONS;

      if ($request_method = ‘OPTIONS’) {
          return 204;
      }
      expires 30d;
    }

猜你喜欢

转载自blog.csdn.net/qq_37194189/article/details/130460679