跨域问题解决之隔山隔海都不怕

devtools/2024/9/25 21:27:55/
一、背景

在现代Web开发中,前后端分离架构越来越流行。在这种架构下,前端和后端分别运行在不同的域名下,这就涉及到了跨域请求的问题。当使用Spring Boot作为后端服务框架时,默认情况下是不允许跨域请求的,这会导致前端在发送请求时遇到跨域错误,从而影响用户体验和数据的正常交互。

二、跨域问题的产生

跨域问题源于浏览器的同源策略。同源策略是一种安全机制,它要求Web页面只能与相同来源的服务器进行通信。这里的“同源”指的是协议、域名和端口都相同。如果前端和后端不在同一域名下,就会产生跨域问题。

三、解决方案

为了解决跨域问题,我们可以在Spring Boot应用中配置CORS(Cross-Origin Resource Sharing)策略来允许跨域请求。

  1. 全局CORS配置

    通过配置CorsRegistry,我们可以为所有控制器添加CORS支持。

    @Configuration
    public class CorsConfig {@Beanpublic WebMvcConfigurer corsConfigurer() {return new WebMvcConfigurer() {@Overridepublic void addCorsMappings(CorsRegistry registry) {registry.addMapping("/**").allowedOrigins("*").allowedMethods("GET", "POST", "PUT", "DELETE").allowedHeaders("*").exposedHeaders("Authorization");}};}
    }
    
  2. 控制器级别的CORS配置

    如果只需要对特定的控制器或路径开放跨域请求,可以在对应的控制器上添加CrossOrigin注解。

    @RestController
    public class MyController {@CrossOrigin(origins = "http://example.com")@GetMapping("/my-endpoint")public ResponseEntity<String> myEndpoint() {return ResponseEntity.ok("Hello, world!");}
    }
    
  3. 自定义CORS配置

    如果你有更复杂的需求,可以通过实现WebMvcConfigurer接口并重写addCorsMappings方法来进行更细粒度的控制。

    @Configuration
    public class CustomCorsConfig implements WebMvcConfigurer {@Overridepublic void addCorsMappings(CorsRegistry registry) {registry.addMapping("/**").allowedOrigins("http://localhost:8080").allowedMethods("GET", "POST").allowCredentials(true).maxAge(3600);}
    }
    
四、示例代码

假设我们有一个Spring Boot应用,我们想要允许来自http://localhost:4200的前端应用发起跨域请求。我们可以按照以下步骤进行配置:

  1. 添加依赖

    pom.xml文件中添加Spring Boot的Web依赖。

    <dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-web</artifactId>
    </dependency>
    
  2. 创建配置类

    创建一个配置类来实现跨域配置。

    package com.example.config;import org.springframework.context.annotation.Configuration;
    import org.springframework.web.servlet.config.annotation.CorsRegistry;
    import org.springframework.web.servlet.config.annotation.WebMvcConfigurer;@Configuration
    public class WebConfig implements WebMvcConfigurer {@Overridepublic void addCorsMappings(CorsRegistry registry) {registry.addMapping("/**").allowedOrigins("http://localhost:4200").allowedMethods("GET", "POST", "PUT", "DELETE").allowedHeaders("*").exposedHeaders("Authorization");}
    }
    
  3. 测试

    启动Spring Boot应用,然后从前端应用http://localhost:4200发起跨域请求,应该能够正常访问后端服务。

五、总结

通过配置CORS策略,我们可以有效地解决Spring Boot应用中的跨域问题,从而使得前后端分离的应用能够正常地进行数据交互。根据实际需求,可以选择全局配置或者针对特定路径的配置方式,灵活地处理跨域请求问题。


http://www.ppmy.cn/devtools/44037.html

相关文章

Leetcode260

260. 只出现一次的数字 III - 力扣&#xff08;LeetCode&#xff09; class Solution {public int[] singleNumber(int[] nums) {//通过异或操作,使得最终结果为两个只出现一次的元素的异或值int filterResult 0;for(int num:nums){filterResult^num;}//计算首个1(从右侧开始)…

3DEXPERIENCE DELMIA Role: RVN - Robotics Virtual Commissioning Analyst

Discipline: Robotics Role: RVN - Robotics Virtual Commissioning Analyst 通过准确地模拟连接到PLC程序的机器人、设备和传感器&#xff0c;在制造虚拟孪生上执行虚拟调试情景 为任何机器人角色的多周期情景创建传感器&#xff0c;生成和变换零件启用 PLC 程序的虚拟验证和…

C++进程间通信 消息队列

C进程间通信 消息队列 消息队列概述消息队列代码示例1. 创建和发送消息的程序&#xff08;sender.cpp&#xff09;2. 接收消息的程序&#xff08;receiver.cpp&#xff09; 代码解释运行步骤运行结果 消息队列概述 消息队列是一种进程间通信机制&#xff0c;允许一个或多个进程…

【九十三】【算法分析与设计】719. 找出第 K 小的数对距离,N 台电脑的最长时间,二分答案法

719. 找出第 K 小的数对距离 - 力扣&#xff08;LeetCode&#xff09; 数对 (a,b) 由整数 a 和 b 组成&#xff0c;其数对距离定义为 a 和 b 的绝对差值。 给你一个整数数组 nums 和一个整数 k &#xff0c;数对由 nums[i] 和 nums[j] 组成且满足 0 < i < j < nums.le…

使用C语言实现学生信息管理系统

前言 在我们实现学生信息管理系统的过程中&#xff0c;我们几乎会使用到C语言最常用最重要的知识&#xff0c;对于刚学习完C语言的同学来说是一次很好的巩固机会&#xff0c;其中还牵扯到数据结果中链表的插入和删除内容。 实现学生信息管理系统 文件的创建与使用 对于要实现…

ABAP MD04增强排除MRP元素

场景 MD04跑出来很多MRP元素&#xff0c;用户想手工控制某些MRP元素不参与运算 分析 增强点还蛮好找的&#xff0c;控制MRP元素是否参与运算用下面的se19三代增强点就可以&#xff0c;打个断点看下MD04进的哪个增强点就行 旧版本的用这个&#xff1a;MD_CHANGE_MRP_DATA 新…

linux磁盘阵列

磁盘阵列 可以用不同的磁盘&#xff0c;组成一个逻辑上的硬盘。高可用&#xff0c;冗余 lvm 扩容 raid 高可用 磁盘的组成方式不同&#xff0c;也就是不同的raid级别 raid级别 使用硬盘数量 磁盘利用率 冗余能力 读写性能 raid0 N 100% 0 读写最好 raid1 N(偶数) 50% 坏…

记录一次cas单点登录的集成

主要思路&#xff1a;浏览器访问CAS服务器登录&#xff0c;拿到凭证给后端&#xff0c;后端用此凭证到CAS服务器验证登录并拿到用户信息&#xff0c;之后基于该凭证维持用户的登录状态。 主要流程&#xff1a; 1.浏览器访问后端需认证登录地址&#xff08;不带ticket&#xf…