解决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, 问题解决
上一篇: Python Grid使用和布局详解
下一篇: asp 之上传漏洞终结篇
推荐阅读
-
解决前后端分离 vue+springboot 跨域 session+cookie失效问题
-
ASP.NET配合jQuery解决跨域调用的问题
-
详解如何解决vue开发请求数据跨域的问题(基于浏览器的配置解决)
-
解决Vue调用springboot接口403跨域问题
-
vue打包使用Nginx代理解决跨域问题
-
Spring boot 和Vue开发中CORS跨域问题解决
-
Springboot解决ajax+自定义headers的跨域请求问题
-
使用proxytable 配置解决 vue-cli 的跨域请求问题【推荐】
-
Vue 项目中遇到的跨域问题及解决方法(后台php)
-
解决vue中使用Axios调用接口时出现的ie数据处理问题