编程技术分享平台

网站首页 > 技术教程 正文

图片跨域小记(图片跨域问题处理)

xnh888 2024-10-16 16:57:56 技术教程 18 ℃ 0 评论

场景分析

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

本文暂时没有评论,来添加一个吧(●'◡'●)

欢迎 发表评论:

最近发表
标签列表