Spring Boot 2.0 解决跨域问题

什么是跨域问题？

在前后端分离开发中，前端代码通常通过Ajax请求与后端API进行交互。然而，由于浏览器的安全策略限制，Ajax请求仅允许与同源的后端API通信。

同源策略是浏览器的一种安全机制，用于防止恶意脚本从其他网站获取数据。同源指的是协议、域名和端口号完全相同。如果请求的目标地址与当前页面的域名不同，则浏览器会阻止请求，从而出现跨域问题。

解决跨域问题的方法

1. 使用代理方式解决跨域问题

通过配置代理服务器，将前端的请求转发到后端API服务，实现跨域请求。常见的代理服务器有Nginx和Apache。

使用Nginx进行代理配置的示例：

location /api {
    proxy_pass http://localhost:8080; # 将所有以/api开头的请求转发到后端API服务
}

2. 后端配置CORS解决跨域问题

CORS（Cross-Origin Resource Sharing）是一种通用的解决跨域问题的方案，通过在响应头中添加一些字段来告诉浏览器当前请求可以跨域。

Spring Boot 2.0中可以通过注解@CrossOrigin来配置CORS。该注解可以在Controller类或方法上添加。

@RestController
@CrossOrigin(origins = "http://localhost:8081") // 允许来自http://localhost:8081的请求跨域访问
public class UserController {
    // ...
}

在Spring Boot 2.0之前的版本中，可以通过以下方式进行全局CORS配置：

@Configuration
public class CorsConfig {
    @Bean
    public WebMvcConfigurer corsConfigurer() {
        return new WebMvcConfigurerAdapter() {
            @Override
            public void addCorsMappings(CorsRegistry registry) {
                registry.addMapping("/**")
                        .allowedOrigins("http://localhost:8081") // 允许来自http://localhost:8081的请求跨域访问
                        .allowedMethods("GET", "POST", "PUT", "DELETE")
                        .allowedHeaders("*")
                        .allowCredentials(true)
                        .maxAge(3600);
            }
        };
    }
}

以上配置允许所有路径下的请求跨域访问。

当然，还可以根据实际情况配置更细粒度的CORS规则。

美化标题

在博客中，我们可以使用一些Markdown语法来美化标题，例如加上粗体、斜体、颜色等。

以下是一个美化标题的示例：

## <span style="color:blue">Spring Boot 2.0 解决跨域问题</span>

以上代码会将标题文字的颜色设置为蓝色。

最后附上这篇博客的完整Mardown格式代码：

## <span style="color:blue">Spring Boot 2.0 解决跨域问题</span>

### 什么是跨域问题？

在前后端分离开发中，前端代码通常通过Ajax请求与后端API进行交互。然而，由于浏览器的安全策略限制，Ajax请求仅允许与同源的后端API通信。

...

#### 美化标题

在博客中，我们可以使用一些Markdown语法来美化标题，例如加上粗体、斜体、颜色等。

以下是一个美化标题的示例：