springboot+vue如何解决跨域问题

最新推荐文章于 2024-08-13 20:38:59 发布

码农zzq

最新推荐文章于 2024-08-13 20:38:59 发布

阅读量604

点赞数

分类专栏： spring boot+vue前后端分离解决跨域问题文章标签： vue spring

本文链接：https://blog.csdn.net/weixin_44270681/article/details/104828795

版权

spring boot+vue前后端分离解决跨域问题专栏收录该内容

1 篇文章 0 订阅

订阅专栏

在前后端分离的项目中，经常遇到前端请求后端数据因为跨域原因而失败，这里记录一下我学到的一种方法，亲测有效；

首先建立一个配置类，使之实现WebMvcConfigurer,重写它的addCorsMappings方法；
具体的代码如下：

@Configuration
public class CrosConfig implements WebMvcConfigurer {

    //解决跨域问题
    @Override
    public void addCorsMappings(CorsRegistry registry) {
        registry.addMapping("/**")
                .allowedOrigins("*")
                .allowedMethods("GET","HEAD","POST","PUT","DELETE","OPTIONS")
                .allowCredentials(true)
                .maxAge(3600)
                .allowedHeaders("*");
    }

配置完成后，即可在前端vue中访问后端数据，而前端不必进行任何操作，非常简单