网站首页 > 教程文章 正文
场景分析
在页面中访问图片,出现上图跨域问题,原因是页面在另一个域名下,而图片是直接放在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
- 上一篇: 如何解决前后端分离的跨域问题?
- 下一篇: 最常用的四种跨域解决方案
猜你喜欢
- 2025-01-08 跨域调任不妨多些释因
- 2025-01-08 深入跨域 - 解决方案
- 2025-01-08 跨域问题?同源策略大全
- 2025-01-08 Spring Boot 进阶-Spring Boot中如何解决跨域问题
- 2025-01-08 SpringBoot 如何解决跨域问题?
- 2025-01-08 解决跨域问题的8种方法,含网关、Nginx和SpringBoot~
- 2025-01-08 一文带你理清同源和跨域
- 2025-01-08 前端:何为跨域,如何跨域
- 2025-01-08 最常用的四种跨域解决方案
- 2025-01-08 如何解决前后端分离的跨域问题?
- 最近发表
- 标签列表
-
- location.href (44)
- document.ready (36)
- git checkout -b (34)
- 跃点数 (35)
- 阿里云镜像地址 (33)
- qt qmessagebox (36)
- mybatis plus page (35)
- vue @scroll (38)
- 堆栈区别 (33)
- 什么是容器 (33)
- sha1 md5 (33)
- navicat导出数据 (34)
- 阿里云acp考试 (33)
- 阿里云 nacos (34)
- redhat官网下载镜像 (36)
- srs服务器 (33)
- pico开发者 (33)
- https的端口号 (34)
- vscode更改主题 (35)
- 阿里云资源池 (34)
- os.path.join (33)
- redis aof rdb 区别 (33)
- 302跳转 (33)
- http method (35)
- js array splice (33)