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

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

相关推荐
lastHertz3 小时前
Docker 占用导致 C 盘空间不足的排查与解决
运维·docker·容器
TG_yunshuguoji4 小时前
阿里云代理商:阿里云CDN访问问题怎么诊断?
运维·服务器·阿里云·云计算
Sylvia@8885 小时前
18.SELInux安全性
linux·运维·服务器
Deamon Tree7 小时前
后端开发常用Linux命令
linux·运维·python
Super Rookie8 小时前
RabbitMQ 自动化脚本安装方案
运维·自动化·rabbitmq
key_Go8 小时前
0.基于Centos-Stream8 搭建Openstack环境
linux·运维·centos·openstack
Elastic 中国社区官方博客8 小时前
介绍 Elastic 的 Agent Builder - 9.2
大数据·运维·人工智能·elasticsearch·搜索引擎·ai·全文检索
贝锐9 小时前
把握三个要点,搭建企业远程技术支持安全体系
运维
LXY_BUAA9 小时前
Linux常见命令
linux·运维·服务器
想学全栈的菜鸟阿董9 小时前
Crew连接多个 MCP 服务器
运维·服务器·github