跨域请求nginx图片

最新推荐文章于 2023-08-21 13:43:14 发布

trancybao

最新推荐文章于 2023-08-21 13:43:14 发布

阅读量510

点赞数

分类专栏：前端文章标签： nginx

本文链接：https://blog.csdn.net/trancybao/article/details/116999457

版权

前端专栏收录该内容

1 篇文章 0 订阅

订阅专栏

为了能在HTML中访问阿里云服务器的静态图片资源，用nginx代理来实现

     server {
        listen xx;
        server_name xx.xx.xx.xx;
        location / {
              root imagePath;
         }
    }

但是在对其进行base64转码时，遇到了跨域问题，于是寻求解决方案，解决方法是在其中加

               add_header Access-Control-Allow-Origin * always;
               add_header Access-Control-Allow-Headers 'Origin, X-Requested-With, Content-Type, Accept';
               add_header Access-Control-Allow-Methods 'GET, POST, OPTIONS';

即

     server {
        listen xx;
        server_name xx.xx.xx.xx;
        location / {
               root imagePath;
               add_header Access-Control-Allow-Origin * always;
               add_header Access-Control-Allow-Headers 'Origin, X-Requested-With, Content-Type, Accept';
               add_header Access-Control-Allow-Methods 'GET, POST, OPTIONS';

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

添加完后还是有个小问题，就是有些图片还是不能跨域，其实是浏览器的缓存影响，清除浏览器图片和cookie就行了