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

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

相关推荐
xywww1684 小时前
大模型 API 选型实战:GPT、Gemini、Claude 接入时该看哪些指标?
运维·服务器·人工智能·python·gpt·langchain
梦想的颜色7 小时前
【Docker原理】Docker 容器一文打尽:生命周期、环境管控、迁移备份、日志进程排查、垃圾清理
运维·docker·容器·容器生命周期·容器日志排查·容器迁移备份·容器进程管理
donoot9 小时前
Linux系统下图书馆级电子书全自动标准化分类整理完整实施方案
大数据·linux·运维·电子书管理
ITKEY_9 小时前
macOS brew 安装的nginx 文件在哪里?
运维·nginx·macos
Felix-lxd10 小时前
Ubuntu 22.04 配置 Nginx
linux·nginx·ubuntu
Elastic 中国社区官方博客10 小时前
如何比较两个 Elasticsearch 索引并找出缺失的文档
大数据·运维·数据库·elasticsearch·搜索引擎
Tim_Van11 小时前
在 CentOS 7 中安装 Chromium 的完整步骤
linux·运维·chrome·centos
孫治AllenSun11 小时前
【Nginx】配置参数和使用案例
运维·nginx
啵啵鱼爱吃小猫咪12 小时前
Ubuntu 20.04 + ROS Noetic 源码安装 libfranka 0.8.0 和 franka_ros 0.8.0 完整教程
linux·运维·ubuntu
Piko61413 小时前
锐捷 VSU 虚拟化堆叠配置
运维·网络·笔记