宝塔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;
}

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

相关推荐
小锋学长生活大爆炸14 分钟前
【教程】Docker更换存储位置
运维·docker·容器
愚润求学32 分钟前
【Linux】动静态库链接原理
linux·运维·服务器·开发语言·笔记
云攀登者-望正茂1 小时前
无缝部署您的应用程序:将 Jenkins Pipelines 与 ArgoCD 集成
运维·jenkins·argocd
勤不了一点2 小时前
小白上手RPM包制作
linux·运维·服务器·软件工程
麦a~M了M3 小时前
ansible
linux·运维·ansible
2501_906314324 小时前
MCP-RAG 服务器:完整设置和使用指南
运维·服务器
QQ_4376643144 小时前
Linux下可执行程序的生成和运行详解(编译链接汇编图解)
linux·运维·c语言·汇编·caffe
搬码临时工5 小时前
远程连接电脑的方法?异地远程桌面连接和三方软件实现
运维·服务器·网络·物联网·电脑·远程工作
窦再兴5 小时前
来一个复古的技术FTP
linux·运维·服务器
梦在深巷、5 小时前
nginx配置之负载均衡
运维·nginx·负载均衡