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

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

相关推荐
timeweaver43 分钟前
深度解析 Nginx 前端 location 配置与优先级:你真的用对了吗?
前端·nginx·前端工程化
HWL56792 小时前
“preinstall“: “npx only-allow pnpm“
运维·服务器·前端·javascript·vue.js
门前灯4 小时前
Linux系统之iprconfig 命令详解
linux·运维·服务器·iprconfig
忧郁的橙子.4 小时前
三、k8s 1.29 之 安装2
linux·运维·服务器
huangyuchi.4 小时前
【Linux系统】动静态库的制作
linux·运维·服务器·动态库·静态库·库的简单制作
闻不多4 小时前
用llamaindex搭建GAR遇到400
android·运维·服务器
jim写博客5 小时前
Linux进程概念(四)环境地址变量
linux·运维·服务器
是小崔啊5 小时前
【Jenkins】01 - Jenkins安装
运维·jenkins
Moment6 小时前
nginx 如何配置防止慢速攻击 🤔🤔🤔
前端·后端·nginx
Nie_Xun6 小时前
ubuntu网络共享
linux·运维·ubuntu