跨域请求是什么？有什么问题？怎么解决？

朱雀 2024-02-05 23:02 116阅读 0赞

● 为什么会出现跨域问题

出于浏览器的同源策略限制。同源策略（Sameoriginpolicy）是⼀种约定，它是浏览器最核⼼也最基本的安全功能，如果缺少了同源策略，则浏览器的正常功能可能都会受到影响。可以说Web是构建在同源策略基础之上的，浏览器只是针对同源策略的⼀种实现。同源策略会阻⽌⼀个域的 javascript脚本和另外⼀个域的内容进⾏交互。所谓同源（即指在同⼀个域）就是两个⻚⾯具有相同的协议（protocol），主机（host）和端⼝号（port）  
![在这里插入图片描述][1db9f7ca3c2e4615aa1f42b5465b4886.png]

● Springboot 解决跨域

CorsConfig

```javascript
    1	import org.springframework.context.annotation.Configuration;
    2	import org.springframework.web.servlet.config.annotation.CorsRegistry;
    3	import org.springframework.web.servlet.config.annotation.WebMvcConfigurer;
    4
    5	@Configuration
    6	public class CorsConfig implements WebMvcConfigurer {
         7
    8	@Override
    9	public void addCorsMappings(CorsRegistry registry) {
        
    10	// 设置允许跨域的路径
    11	registry.addMapping("/**")
    12	// 设置允许跨域请求的域名
    13	.allowedOriginPatterns("*")
    14	// 是否允许cookie
    15	.allowCredentials(true)
    16	// 设置允许的请求⽅式
    17	.allowedMethods("GET", "POST", "DELETE", "PUT")
    18	// 设置允许的header属性
    19	.allowedHeaders("*")
    20	// 跨域允许时间
    21	.maxAge(3600);
    22	}
    23	}

[1db9f7ca3c2e4615aa1f42b5465b4886.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/01/30/31a8673cbee84a1cb9d13b8c5f11727d.png