解决Vue调用springboot接口403跨域问题

最近在做一个前后端分离的项目, 前端用的是vue后端使用的是springboot, 在项目整合的时候发现前端调用后端接口报错403跨域请求问题

前端跨域请求已解决, 那么问题就出在后端了, 找了一些资料找到了很多种方法, 这里说两个简单粗暴的.

注意：“@crossorigin“注解要求jdk1.8及以上版本, springmvc 4.2及以上版本

1. 在controller层上添加@configuration注解, 如果没有效果请制定requestmapping总的method类型在试一下.(此注解也可以加在方法上)

@restcontroller
public class demo {
    @configuration
    @requestmapping("test)
    public string test() {
       // 这里是代码
    }
}

@configuration
@restcontroller
public class demo {
    
    @requestmapping("test)
    public string test() {
       // 这里是代码
    }
}

 

2. 上面的方法解决的是部分功能的跨域问题, 有的时候我们需要全局跨域, 那么可以配置一个config类, 新建一个java文件, 代码如下

import org.springframework.context.annotation.bean;
import org.springframework.context.annotation.configuration;
import org.springframework.web.servlet.config.annotation.corsregistry;
import org.springframework.web.servlet.config.annotation.webmvcconfigurer;
import org.springframework.web.servlet.config.annotation.webmvcconfigureradapter;

@suppresswarnings("deprecation")
@configuration
public class myconfiguration {

    @bean
    public webmvcconfigurer corsconfigurer() {
        return new webmvcconfigureradapter() {
            @override
            public void addcorsmappings(corsregistry registry) {
                registry.addmapping("/**");
            }
        };
    }
}

ok, 问题解决