【解决问题】跨域 图片跨域问题 has been blocked by CORS policy No-Access-Control-Allow-Origin
admin
2024-02-03 08:49:17
0

文章目录

    • CORS跨域
    • 解决方案

本博客环境背景:JAVA项目下,前后端联调时候图片出现跨域问题,报错has been blocked by CORS policy No-Access-Control-Allow-Origin的解决方案。

CORS跨域

CORS是一个W3C标准,全称是"跨域资源共享"(Cross-origin resource sharing)。

它允许浏览器向跨源服务器,发出XMLHttpRequest请求,从而克服了AJAX只能同源使用的限制,是对ajax请求的限制,cors对静态资源没有跨域限制。

跨域问题一般情况:
1、域名不同 www.baidu.com 与 www.qq.com
2、端口不同 www.baidu.com:8080 与 www.baidu.com:8081
3、二级域名不同 test.baidu.com 与 other.baidu.com
4、http和https

解决方案

跨域问题其实很常见,可以直接加上CorsConfig配置类即可。浏览器会在请求中携带一些头信息,我们根据此来判断是否允许其跨域,然后在请求头中加入这些信息,可以直接使用过滤器完成。

Access-Control-Allow-Origin:允许哪个域名进行跨域,是一个具体域名或*(代表任意域名)
Access-Control-Allow-Credentials:是否允许携带cookie,默认情况下CORS不会携带cookie,所以要将这个值设为true

相当于同一拦截所有请求,再用CorsFilter实现跨域逻辑,最后返回新的CorsFilter。
CorsFilter是SpringMVC已经封装好的CORS的跨域过滤器,其内部涵盖了http请求中所涉及判定逻辑。

@Configuration
public class CorsConfig {@Beanpublic CorsFilter corsFilter() {//创建一个可添加CORS配置信息  CorsConfiguration config = new CorsConfiguration();//允许的域,若使用addAllowedOrigin("*");会导致cookie失效,要将*换成域名config.addAllowedOriginPattern("*");//是否发送cookie信息config.setAllowCredentials(true);//允许的请求方式config.addAllowedMethod("*");//允许的头信息config.addAllowedHeader("*");//添加映射路径,这儿拦截所有请求UrlBasedCorsConfigurationSource configSource = new UrlBasedCorsConfigurationSource();configSource.registerCorsConfiguration("/**", config);return new CorsFilter(configSource);}
}

参考:https://zhuanlan.zhihu.com/p/66484450
https://zhuanlan.zhihu.com/p/121042077

相关内容

热门资讯

【MySQL】锁 锁 文章目录锁全局锁表级锁表锁元数据锁(MDL)意向锁AUTO-INC锁...
【内网安全】 隧道搭建穿透上线... 文章目录内网穿透-Ngrok-入门-上线1、服务端配置:2、客户端连接服务端ÿ...
GCN的几种模型复现笔记 引言 本篇笔记紧接上文,主要是上一篇看写了快2w字,再去接入代码感觉有点...
数据分页展示逻辑 import java.util.Arrays;import java.util.List;impo...
Redis为什么选择单线程?R... 目录专栏导读一、Redis版本迭代二、Redis4.0之前为什么一直采用单线程?三、R...
【已解决】ERROR: Cou... 正确指令: pip install pyyaml
关于测试,我发现了哪些新大陆 关于测试 平常也只是听说过一些关于测试的术语,但并没有使用过测试工具。偶然看到编程老师...
Lock 接口解读 前置知识点Synchronized synchronized 是 Java 中的关键字,...
Win7 专业版安装中文包、汉... 参考资料:http://www.metsky.com/archives/350.htm...
3 ROS1通讯编程提高(1) 3 ROS1通讯编程提高3.1 使用VS Code编译ROS13.1.1 VS Code的安装和配置...
大模型未来趋势 大模型是人工智能领域的重要发展趋势之一,未来有着广阔的应用前景和发展空间。以下是大模型未来的趋势和展...
python实战应用讲解-【n... 目录 如何在Python中计算残余的平方和 方法1:使用其Base公式 方法2:使用statsmod...
学习u-boot 需要了解的m... 一、常用函数 1. origin 函数 origin 函数的返回值就是变量来源。使用格式如下...
常用python爬虫库介绍与简... 通用 urllib -网络库(stdlib)。 requests -网络库。 grab – 网络库&...
药品批准文号查询|药融云-中国... 药品批文是国家食品药品监督管理局(NMPA)对药品的审评和批准的证明文件...
【2023-03-22】SRS... 【2023-03-22】SRS推流搭配FFmpeg实现目标检测 说明: 外侧测试使用SRS播放器测...
有限元三角形单元的等效节点力 文章目录前言一、重新复习一下有限元三角形单元的理论1、三角形单元的形函数(Nÿ...
初级算法-哈希表 主要记录算法和数据结构学习笔记,新的一年更上一层楼! 初级算法-哈希表...
进程间通信【Linux】 1. 进程间通信 1.1 什么是进程间通信 在 Linux 系统中,进程间通信...
【Docker】P3 Dock... Docker数据卷、宿主机与挂载数据卷的概念及作用挂载宿主机配置数据卷挂载操作示例一个容器挂载多个目...