宝塔Nginx设置图片访问跨域

宝塔Nginx设置图片访问跨域

针对某一个站点设置

找到对应的站点点击 "设置"

增加对应header设置

代码:

php 复制代码
    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,OPTIONS;
        expires      30d;
        error_log /dev/null;
        access_log /dev/null;
    }

针对Nginx设置

找到Nginx管理->配置修改

代码:

php 复制代码
# 图片跨域
location ~ .*\.(gif|jpg|jpeg|png|bmp|swf|flv|mp4|ico)$ {
    
    #允许跨域请求
    add_header Access-Control-Allow-Origin '*';
    add_header Access-Control-Allow-Headers X-Requested-With;
    add_header Access-Control-Allow-Methods GET,POST,OPTIONS;
     
    # 缓存30天
    expires 30d;
    access_log off;
}

亲测有效!分享不易,觉得可行的话留下个宝贵的关注点赞收藏吧~

相关推荐
梁正雄29 分钟前
6、prometheus资源规划
运维·服务器·服务发现·prometheus·监控
晨曦之旅41 分钟前
零成本体验云计算!阿贝云免费服务器深度测评
运维·服务器·云计算
工具人55551 小时前
Linux 抓取 RAM Dump 完整指南
linux·运维·安全
会飞的小蛮猪1 小时前
SkyWalking运维之路(Java探针接入)
java·运维·经验分享·容器·skywalking
天一生水water2 小时前
docker-compose安装
运维·docker·容器
Archy_Wang_13 小时前
基于BaGet 构建NuGet私有库并实现类库打包到NuGet私有库
运维·jenkins
初听于你3 小时前
运维高级故障排除与恢复-SysRq
运维·服务器·安全
RPA机器人就用八爪鱼3 小时前
RPA自动化程序:企业数字化转型的智能引擎
运维·自动化·rpa
demodashi6663 小时前
Linux下ag搜索命令详解
linux·运维·windows
無识4 小时前
Linux-第四章web服务
linux·运维·服务器