云计算、AI、云原生、大数据等一站式技术学习平台

网站首页 > 教程文章 正文

图片跨域小记

jxf315 2025-01-08 14:45:57 教程文章 54 ℃

场景分析

在页面中访问图片,出现上图跨域问题,原因是页面在另一个域名下,而图片是直接放在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
最近发表
标签列表