网站首页 > 技术教程 正文
场景分析
在页面中访问图片,出现上图跨域问题,原因是页面在另一个域名下,而图片是直接放在nginx搭建的静态服务下,因此,需要修改nginx的配置,允许图片的跨域请求。
解决方案
找到nginx的配置,修改如下:
location /路径/ {
add_header Access-Control-Allow-Origin *;
add_header Access-Control-Allow-Methods 'POST, GET, OPTIONS, DELETE, HEAD';
add_header Access-Control-Allow-Headers 'DNT,X-Mx-ReqToken,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Authorization,access-control-allow-origin';
if ($request_method = 'OPTIONS') {
return 204;
}
alias /文件放置路径;
}
执行命令使配置生效,如下:
nginx -s reload
猜你喜欢
- 2024-10-16 Spring Boot + Vue.js + FastDFS 实现分布式图片服务器(IDEA教学)
- 2024-10-16 Nginx 直播服务部署(直播 + 分流 + 画面水印)
- 2024-10-16 几张图片带你看懂NGINX基本配置(几张图片带你看懂nginx基本配置的软件)
- 2024-10-16 Piwigo,你的开源图片库管理神器(pic images ac cn)
- 2024-10-16 17、Nginx-图片防盗链的配置(nginx防盗链 referer)
- 2024-10-16 Nginx有哪些适用场景(nginx可以实现的功能)
- 2024-10-16 学成在线第8-1天 讲义-课程图片管理 分布式文件系统 FastDFS研究
- 2024-10-16 Nginx做图片服务器时候,配置之后图片访问一直是 404问题解决
- 2024-10-16 Nginx搭建图片服务器,实现图片自定义缩放
- 2024-10-07 MinIO使用Nginx代理访问以及实时缩略图的使用
你 发表评论:
欢迎- 最近发表
- 标签列表
-
- 下划线是什么 (87)
- 精美网站 (58)
- qq登录界面 (90)
- nginx 命令 (82)
- nginx .http (73)
- nginx lua (70)
- nginx 重定向 (68)
- Nginx超时 (65)
- nginx 监控 (57)
- odbc (59)
- rar密码破解工具 (62)
- annotation (71)
- 红黑树 (57)
- 智力题 (62)
- php空间申请 (61)
- 按键精灵 注册码 (69)
- 软件测试报告 (59)
- ntcreatefile (64)
- 闪动文字 (56)
- guid (66)
- abap (63)
- mpeg 2 (65)
- column (63)
- dreamweaver教程 (57)
- excel行列转换 (56)
本文暂时没有评论,来添加一个吧(●'◡'●)