SpringBoot+Vue前后端分离跨域问题_vue springboot前后端分离跨域-CSDN博客

本文链接：https://blog.csdn.net/zukxu123/article/details/108618482

文章目录

前言
一、CORS是什么？
二、解决方法
总结

前言

作为前后端分离的项目，跨域问题是无法避免的，在开发中，通常我们都会在后端进行全局跨域的处理，今天向大家介绍几种跨域问题的解决方法。

一、CORS是什么？

CORS即跨源资源共享，它定义了一种浏览器和服务器交互的方式来确定是否允许跨域请求。它是一个妥协，有更大的灵活性，但比起简单地允许所有这些的要求来说更加安全。但是CORS也具有一定的风险性，比如请求中只能说明来自于一个特定的域但不能验证是否可信，而且也容易被第三方入侵。这里一般需要后端配合,开启cors。

二、解决方法

1.后端解决方法

1.1.注解（局部跨域）

后台服务端添加注解**@CrossOrigin**，但是重复代码过多，而且维护麻烦，不推荐使用

@RestController
@RequestMapping("/user")
@CrossOrigin(origins = "*")
public class AdminUserController {
   
   }

1.2.返回新的 CorsFilter(全局跨域)

在任意配置类，返回一个新的 CorsFIlter Bean ，并添加映射路径和具体的CORS配置路径。

@Configuration
public class GlobalCorsConfig {
   
   
  @Bean
  public CorsFilter corsFilter() {
   
   
    //1. 添加 CORS配置信息
    CorsConfiguration config = new CorsConfiguration();
    //放行哪些原始域
    config.addAllowedOrigin("*");
    //是否发送 Cookie
    config.setAllowCredentials(true);
    //放行哪些请求方式
    config.addAllowedMethod("*");
    //放行哪些原始请求头部信息
    config.addAllowedHeader("*");
    //暴露哪些头部信息
    config.addExposedHeader("*");
    //2. 添加映射路径
    UrlBasedCorsConfigurationSource corsConfigurationSource = new UrlBasedCorsConfigurationSource();
    corsConfigurationSource.registerCorsConfiguration("/**",config