解决后端跨域问题

目录

一、什么是跨域问题?

1、跨域问题的定义

2、举例

3、为什么会有跨域问题的存在?

二、解决跨域问题

1、新建配置类

2、编写代码

三、结语


一、什么是跨域问题?

1、跨域问题的定义

跨域问题(Cross-Origin Resource Sharing, CORS)是 Web 开发中常见的安全机制问题,主要发生在浏览器中。当浏览器从一个域名的网页向另一个域名的服务器发起请求时,如果这两个域名不同(协议、域名或端口不同),浏览器会阻止这种请求,这就是跨域问题。

2、举例

跨域是指浏览器从一个 源(Origin) 向另一个 发起请求时,如果这两个源不同,就称为跨域。源由以下三部分组成:

  1. 协议 (如 httphttps
  2. 域名 (如 example.com
  3. 端口 (如 8080

如果协议、域名或端口中任意一个不同,就属于跨域。例如:

  • http://example.comhttps://example.com(协议不同)
  • http://example.comhttp://api.example.com(域名不同)
  • http://example.comhttp://example.com:8080(端口不同)

3、为什么会有跨域问题的存在?

跨域问题是浏览器的安全机制,称为 同源策略(Same-Origin Policy)。它的目的是防止恶意网站通过脚本访问其他网站的资源,保护用户数据安全。

二、解决跨域问题

1、新建配置类

2、编写代码

java 复制代码
@Configuration//表示这是一个配置类,Spring 容器会在启动时加载该类,并将其中的配置应用到整个应用程序中。
public class WebConfig implements WebMvcConfigurer {
    @Override
    public void addCorsMappings(CorsRegistry registry) {
        registry.addMapping("/**")///** 表示所有路径都适用该 CORS 规则。你可以根据需要修改为特定的路径,例如 /api/**。
                .allowedOrigins("*")//表示允许所有来源(域)访问后端资源。* 是一个通配符,表示允许任何域访问。如果你只想允许特定域访问,可以将 * 替换为具体的域名,例如 "http://example.com"。
                .allowedMethods("GET","POST","PUT","DELETE")//指定允许的 HTTP 方法。这里配置了 GET、POST、PUT 和 DELETE 方法。如果需要支持其他方法(如 PATCH、OPTIONS),可以添加到列表中。
                .allowedHeaders("*");//allowedHeaders("*") 表示允许所有请求头。如果你只想允许特定请求头,可以将 * 替换为具体的头信息,例如 "Content-Type", "Authorization"。
    }
}

三、结语

以上就是跨域问题的介绍,以及其中一种解决方案。

如果对本篇文章感兴趣,请关注本博主~~

相关推荐
青柠编程7 小时前
基于Spring Boot的选课管理系统架构设计
java·spring boot·后端
码事漫谈9 小时前
C++内存泄漏排查:从基础到高级的完整工具指南
后端
王嘉俊92510 小时前
ThinkPHP 入门:快速构建 PHP Web 应用的强大框架
开发语言·前端·后端·php·框架·thinkphp
码事漫谈10 小时前
C++多线程数据竞争:从检测到修复的完整指南
后端
Code blocks11 小时前
SpringBoot快速生成二维码
java·spring boot·后端
朝阳58111 小时前
使用过程宏实现自动化新增功能
后端·rust
大厂码农老A11 小时前
P10老板一句‘搞不定就P0’,15分钟我用Arthas捞回1000万资损
java·前端·后端
Pomelo_刘金11 小时前
常见的幂等方案
后端
tonydf11 小时前
Blazor Server项目里,集成一个富文本编辑器
后端
文心快码BaiduComate11 小时前
文心快码已接入GLM-4.6模型
前端·后端·设计模式