解决跨域之服务端

工大动车组

已于 2023-12-09 16:20:11 修改

阅读量45

点赞数

分类专栏：跨域文章标签： spring boot

于 2023-12-09 16:19:27 首次发布

本文链接：https://blog.csdn.net/y_0232/article/details/134896486

版权

跨域专栏收录该内容

3 篇文章 0 订阅

订阅专栏

前言

CORS（跨域资源共享）：CORS 是一种标准化的跨域解决方案，它允许服务器明确指定哪些域名可以跨域访问其资源。通过在响应的 HTTP 头中设置适当的 CORS 相关头部信息，服务器可以控制跨域请求的访问权限。

以下是一些常见的 CORS 相关头部信息：

●	Access-Control-Allow-Origin：用于指定允许跨域请求的源域名，可以是具体的域名或通配符。

●	Access-Control-Allow-Methods：用于指定允许的请求方法，例如 GET、POST 等。

●	Access-Control-Allow-Headers：用于指定允许的请求头部信息。

●	Access-Control-Allow-Credentials：用于指示是否允许发送跨域请求时携带 cookies。

例如，一个允许任何来源进行跨域请求的响应可能如下：

HTTP/1.1 200 OK
Access-Control-Allow-Origin: *
Access-Control-Allow-Methods: GET, POST, OPTIONS
Access-Control-Allow-Headers: X-Custom-Header

解决方案

下面介绍几个服务端解决跨域的方案。

Proxy 服务器

Proxy 服务器：使用代理服务器是一种在服务器端解决跨域问题的方式。代理服务器位于客户端和目标服务器之间，它接收客户端的跨域请求，并将其转发到目标服务器。

当客户端发送跨域请求时，它将请求发送到代理服务器，代理服务器会以自己的身份向目标服务器发送请求，并将目标服务器的响应返回给客户端。在这个过程中，代理服务器会在请求和响应中添加或修改一些头部信息，以实现跨域请求。

代理服务器可以是一个单独的服务器，也可以是在目标服务器上运行的中间件。一些常见的代理服务器框架包括 CORS Anywhere、Nginx 等。

通过使用代理服务器，客户端发送的跨域请求看起来就像是发送给代理服务器的本地请求，从而避免了跨域限制。

设置 CORS 响应头

后端设置 CORS 响应头：除了使用 CORS 相关头部信息外，服务器还可以在响应中设置其他头部信息来控制跨域请求的行为。例如：

●	Content-Type：用于指定响应的数据类型，例如 application/json。

●	Cache-Control：用于控制缓存策略，例如设置 no-cache 来禁止缓存响应。

●	Expires：用于指定响应的过期时间。

通过设置这些头部信息，服务器可以更好地控制跨域请求的行为和安全性。

在Spring Boot中的配置方案

在 Spring Boot 中，你可以使用 CORS（跨域资源共享）来解决跨域问题。下面是一个详细的示例，展示了两种在 Spring Boot 中配置 CORS的方案：

在application.properties文件中添加 CORS 配置：
这是一种全局性的解决方案。

# 允许所有来源进行跨域请求
spring.cors.allowedOrigins=*

# 允许的请求方法
spring.cors.allowedMethods=GET,POST,PUT,DELETE

# 允许的请求头
spring.cors.allowedHeaders=Content-Type,Authorization

# 是否允许携带 cookie
spring.cors.allowCredentials=true

在需要进行跨域请求的 Controller 或 Service 方法上添加@CrossOrigin注解：
这是一种局部性的解决方案，也就是只有部分接口需要配置跨域时使用的解决方案。
@CrossOrigin注解是 Spring Framework 4.2 及以上版本提供的一个注解，用于标识某个类、接口或方法支持跨域请求。当在类或方法上添加@CrossOrigin注解时，Spring 将自动为该类或方法生成相应的 CORS（跨域资源共享）配置。

下面是@CrossOrigin注解的常用属性：

1.	origins：指定允许跨域请求的源域名，可以是具体的域名或通配符。默认值为*，表示允许任何来源的跨域请求。

2.	allowedMethods：指定允许的跨域请求方法，例如GET、POST等。默认值为*，表示允许任何方法。

3.	allowedHeaders：指定允许的跨域请求头部信息。默认值为*，表示允许任何头部信息。

4.	allowCredentials：指示是否允许发送跨域请求时携带 cookies。默认值为false。

5.	maxAge：指定 OPTIONS 请求的缓存过期时间（以秒为单位）。默认值为 300 秒。

下面是一个使用@CrossOrigin注解的示例：

@RestController
@CrossOrigin(origins = "http://example.com")
public class MyController {

    @GetMapping("/api/data")
    public ResponseEntity<String> getData() {
        // 获取数据逻辑
        return ResponseEntity.ok("成功");
    }
}