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


Posted in Javascript onSeptember 02, 2019

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

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

注意:“@CrossOrigin“注解要求jdk1.8及以上版本, SpringMVC 4.2及以上版本

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

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("/**");
   }
  };
 }
}

总结

以上所述是小编给大家介绍的解决Vue调用springboot接口403跨域问题,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!
如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!

Javascript 相关文章推荐
Js 订制自己的AlertBox(信息提示框)
Jan 09 Javascript
js 编码转换 gb2312 和 utf8 互转的2种方法
Aug 07 Javascript
Javascript高级技巧分享
Feb 25 Javascript
js+css实现导航效果实例
Feb 10 Javascript
AngularJs 国际化(I18n/L10n)详解
Sep 01 Javascript
基于jquery实现二级联动效果
Mar 30 jQuery
angularjs实现猜数字大小功能
May 20 Javascript
Vue press 支持图片放大功能的实例代码
Nov 09 Javascript
JS使用正则表达式提交页面验证的代码
Oct 16 Javascript
vue 实现通过vuex 存储值 在不同界面使用
Nov 11 Javascript
js 获取扫码枪输入数据的方法
Jun 10 Javascript
微信小程序实现单个或多个倒计时功能
Nov 01 Javascript
layui 动态设置checbox 选中状态的例子
Sep 02 #Javascript
layui之table checkbox初始化时选中对应选项的方法
Sep 02 #Javascript
微信小程序 简易计算器实现代码实例
Sep 02 #Javascript
vue日历/日程提醒/html5本地缓存功能
Sep 02 #Javascript
JS实现的碰撞检测与周期移动完整示例
Sep 02 #Javascript
vue canvas绘制矩形并解决由clearRec带来的闪屏问题
Sep 02 #Javascript
layui数据表格跨行自动合并的例子
Sep 02 #Javascript
You might like
PHP时间格式控制符对照表分享
2013/07/23 PHP
javascript怎么禁用浏览器后退按钮
2014/03/27 Javascript
JavaScript判断页面加载完之后再执行预定函数的技巧
2016/05/17 Javascript
AngularJS 获取ng-repeat动态生成的ng-model值实例详解
2016/11/29 Javascript
Bootstrap table学习笔记(2) 前后端分页模糊查询
2017/05/18 Javascript
js技巧之十几行的代码实现vue.watch代码
2018/06/09 Javascript
vuedraggable+element ui实现页面控件拖拽排序效果
2020/07/29 Javascript
Vue 利用指令实现禁止反复发送请求的两种方法
2019/09/15 Javascript
vue.js购物车添加商品组件的方法
2019/09/17 Javascript
vue-cli在 history模式下的配置详解
2019/11/26 Javascript
简单了解前端渐进式框架VUE
2020/07/20 Javascript
vue实现虚拟列表功能的代码
2020/07/28 Javascript
Python的Flask框架中web表单的教程
2015/04/20 Python
Python实现列表删除重复元素的三种常用方法分析
2017/11/24 Python
浅谈pandas用groupby后对层级索引levels的处理方法
2018/11/06 Python
Linux下安装python3.6和第三方库的教程详解
2018/11/09 Python
Python使用Pickle模块进行数据保存和读取的讲解
2019/04/09 Python
Python 存储字符串时节省空间的方法
2019/04/23 Python
windows 10 设定计划任务自动执行 python 脚本的方法
2019/09/11 Python
Python Scrapy多页数据爬取实现过程解析
2020/06/12 Python
CSS3 :nth-child()伪类选择器实现奇偶行显示不同样式
2013/11/05 HTML / CSS
Marriott国际:万豪国际酒店查询预订
2017/09/25 全球购物
New Balance天猫官方旗舰店:始于1906年,百年慢跑品牌
2017/11/15 全球购物
Top Villas美国:豪华别墅出租和度假屋
2018/07/10 全球购物
牵手50台湾:专为黄金岁月的单身人士而设的交友网站
2021/02/18 全球购物
Linux开机引导的步骤是什么
2014/02/26 面试题
业务主管岗位职责范本
2013/12/25 职场文书
军训拉歌口号
2014/06/13 职场文书
大专生自荐书范文
2014/06/22 职场文书
优秀应届毕业生自荐书
2014/06/29 职场文书
小学生国庆65周年演讲稿范文(2篇)
2014/09/21 职场文书
2015年餐厅服务员工作总结
2015/04/23 职场文书
2015年初中教务处工作总结
2015/07/21 职场文书
高中信息技术教学反思
2016/02/16 职场文书
职场领导同事生日简短祝福语
2019/08/06 职场文书
oracle索引总结
2021/09/25 Oracle