欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2023-11-24 19:51:10
最近在做一个前后端分离的项目, 前端用的是Vue后端使用的是springboot, 在项目整合的时候发现前端调用后端接口报错403跨域请求问题 前端跨域请求已解决, 那么问题就出在后端了, 找了一些资料找到了很多种方法, 这里说两个简单粗暴的. 注意:“@CrossOrigin“注解要求jdk1.8 ......

最近在做一个前后端分离的项目, 前端用的是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, 问题解决