教你用 Java Spring Boot 如何解决跨域

在本文中，我们将详细讲解如何使用 Java Spring Boot 解决跨域问题。我们将使用 Spring Boot 2.5.0 版本的源码进行分析。

什么是跨域？

跨域是指在浏览器中，当一个 Web 应用程序试图访问另一个域名下的资源时，浏览器会阻止这种行为。这是由于浏览器的同源策略所导致的。同源策略是一种安全机制，它限制了一个域名下的 JavaScript 脚本只能访问同一域名下的资源。

如何解决跨域？

以下是解决跨域问题的几种方法：

使用 JSONP

JSONP 是一种解决跨域问题的简单方法。它通过在客户端动态创建一个 script 标签来加载一个 JavaScript 文件，该文件包含了需要访问的数据。这种方法的缺点是它只能使用 GET 方法来获取数据，并且只能返回 JSON 格式的数据。

使用 CORS

CORS 是一种更为安全和灵活的解决跨域问题的方法。它通过在服务器端设置响应头来允许跨域访问。CORS 可以使用各种 HTTP 方法来获取和提交数据，并且可以返回各种格式的数据。

如何在 Spring Boot 中解决跨域？

以下是在 Spring Boot 中解决跨域问题的方法：

使用 @CrossOrigin 注解

@CrossOrigin 注解是一种简单的解决跨域问题的方法。它可以在控制器类或方法上使用，以允许跨域访问。以下是一个示例：

@RestController
@RequestMapping("/users")
@CrossOrigin(origins = "http://localhost:8080")
public class UserController {

    @GetMapping("/{id}")
    public User getUserById(@PathVariable Long id) {
        // ...
    }

    @PostMapping
    public User createUser(@RequestBody User user) {
        // ...
    }

    // ...

}

在上面的示例中，我们在 UserController 类上使用了 @CrossOrigin 注解，并指定了允许跨域访问的源。这将允许来自 http://localhost:8080 的请求访问该控制器。

使用 WebMvcConfigurer

WebMvcConfigurer 是一种更为灵活的解决跨域问题的方法。它可以在应用程序的配置类中使用，以允许跨域访问。以下是一个示例：

@Configuration
public class WebConfig implements WebMvcConfigurer {

    @Override
    public void addCorsMappings(CorsRegistry registry) {
        registry.addMapping("/users/**")
                .allowedOrigins("http://localhost:8080")
                .allowedMethods("GET", "POST", "PUT", "DELETE")
                .allowedHeaders("*")
                .allowCredentials(true)
                .maxAge(3600);
    }

}

在上面的示例中，我们创建了一个名为 WebConfig 的配置类，并实现了 WebMvcConfigurer 接口。我们还重写了 addCorsMappings 方法，并使用 CorsRegistry 对象来配置跨域访问。这将允许来自 http://localhost:8080 的请求访问 /users 路径下的所有资源，并允许使用 GET、POST、PUT 和 DELETE 方法。

示例一：使用 @CrossOrigin 注解

以下是一个示例，演示如何在 Spring Boot 中使用 @CrossOrigin 注解解决跨域问题：

创建一个名为 UserController 的控制器类：

@RestController
@RequestMapping("/users")
@CrossOrigin(origins = "http://localhost:8080")
public class UserController {

    @GetMapping("/{id}")
    public User getUserById(@PathVariable Long id) {
        User user = new User();
        user.setId(id);
        user.setName("John Doe");
        user.setEmail("john.doe@example.com");
        return user;
    }

}

在上面的示例中，我们创建了一个 UserController 类，并使用 @RestController 注解将其声明为控制器。我们还使用 @RequestMapping 注解来指定控制器的基本路径。我们还在控制器类上使用了 @CrossOrigin 注解，以允许跨域访问。

创建一个名为 User 的实体类：

public class User {

    private Long id;
    private String name;
    private String email;

    // 省略 getter 和 setter 方法

}

在上面的示例中，我们创建了一个 User 类，它包含了 id、name 和 email 属性。

启动应用程序。
使用 Postman 或类似的工具来测试 REST API。

示例二：使用 WebMvcConfigurer

以下是一个示例，演示如何在 Spring Boot 中使用 WebMvcConfigurer 解决跨域问题：

创建一个名为 UserController 的控制器类：

@RestController
@RequestMapping("/users")
public class UserController {

    @GetMapping("/{id}")
    public User getUserById(@PathVariable Long id) {
        User user = new User();
        user.setId(id);
        user.setName("John Doe");
        user.setEmail("john.doe@example.com");
        return user;
    }

}

在上面的示例中，我们创建了一个 UserController 类，并使用 @RestController 注解将其声明为控制器。我们还使用 @RequestMapping 注解来指定控制器的基本路径。

创建一个名为 User 的实体类：

public class User {

    private Long id;
    private String name;
    private String email;

    // 省略 getter 和 setter 方法

}

在上面的示例中，我们创建了一个 User 类，它包含了 id、name 和 email 属性。

创建一个名为 WebConfig 的配置类：

@Configuration
public class WebConfig implements WebMvcConfigurer {

    @Override
    public void addCorsMappings(CorsRegistry registry) {
        registry.addMapping("/users/**")
                .allowedOrigins("http://localhost:8080")
                .allowedMethods("GET", "POST", "PUT", "DELETE")
                .allowedHeaders("*")
                .allowCredentials(true)
                .maxAge(3600);
    }

}

启动应用程序。
使用 Postman 或类似的工具来测试 REST API。

结束语

在本文中，我们详细讲解了如何使用 Java Spring Boot 解决跨域问题，并提供了两个示例。这些技巧可以帮助我们更好地理解 Spring Boot 应用程序的跨域访问机制，并提高开发效率。

本站文章如无特殊说明，均为本站原创，如若转载，请注明出处：教你用Java SpringBoot如何解决跨域 - Python技术站

教你用Java SpringBoot如何解决跨域