前后端跨域问题

最新推荐文章于 2024-09-21 11:29:05 发布

星域_03zhan

最新推荐文章于 2024-09-21 11:29:05 发布

阅读量149

点赞数

分类专栏： vue 文章标签：前端 java 开发语言

本文链接：https://blog.csdn.net/qq_45968950/article/details/123387512

版权

vue 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

本文介绍了在使用Axios进行跨域请求时，默认不携带Cookie的问题，以及如何在SpringBoot后端通过@CrossOrigin注解和自定义WebMvcConfigurer配置CORS，允许特定域名携带Cookie。同时提供了详细的配置代码示例，帮助开发者解决前后端跨域通信中的Cookie问题。

摘要由CSDN通过智能技术生成

在这里插入图片描述

axios在跨域时默认不携带cookie
controller中注解@CrossOrigin的origins默认是是*
axios规定不能是*
应该和前端保持一致
所以需要手动配置一下：
在这里插入图片描述

以上方法如果还不行，可以再配置一个Config类：

@SpringBootConfiguration
public class MyConfig implements WebMvcConfigurer {
 
@Override
    public void addCorsMappings(CorsRegistry corsRegistry){
        /**
         * 所有请求都允许跨域，使用这种配置就不需要
         * 在interceptor中配置header了
         */
        corsRegistry.addMapping("/**")
                .allowCredentials(true)
                .allowedOrigins("http://localhost:8080")
                .allowedMethods("POST", "GET", "PUT", "OPTIONS", "DELETE")
                .allowedHeaders("*")
                .maxAge(3600);
    }
 
}