解决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 方法实现返回多个数据的代码
Apr 30 Javascript
JavaScript使用Math.Min返回两个数中较小数的方法
Apr 06 Javascript
javascript模拟命名空间
Apr 17 Javascript
JQuery在循环中绑定事件的问题详解
Jun 02 Javascript
浅谈String.valueOf()方法的使用
Jun 06 Javascript
Vue.js实现拖放效果的实例
Sep 30 Javascript
用file标签实现多图文件上传预览
Feb 14 Javascript
解析Vue2.0双向绑定实现原理
Feb 23 Javascript
JS加密插件CryptoJS实现的DES加密示例
Aug 16 Javascript
vue中tab选项卡的实现思路
Nov 25 Javascript
使用vue开发移动端管理后台的注意事项
Mar 07 Javascript
vue 地区选择器v-distpicker的常用功能
Jul 23 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
phpfans留言版用到的数据操作类和分页类
2007/01/04 PHP
PHP学习资料汇总与网址
2007/03/16 PHP
php microtime获取浮点的时间戳
2010/02/21 PHP
php file_get_contents函数轻松采集html数据
2010/04/22 PHP
不支持fsockopen但支持culr环境下下ucenter与modoer通讯问题
2011/08/12 PHP
php Session存储到Redis的方法
2013/11/04 PHP
Zend Framework基本页面布局分析
2016/03/19 PHP
JavaScript Base64编码和解码,实现URL参数传递。
2006/09/18 Javascript
JavaScript 用Node.js写Shell脚本[译]
2012/09/20 Javascript
简单的代码实现jquery定时器
2014/01/03 Javascript
JS获取随机数函数可自定义最小值最大值
2014/05/08 Javascript
js实现的捐赠管理完整实例
2015/01/20 Javascript
jQuery在线选座位插件seat-charts特效代码分享
2015/08/27 Javascript
Windows下用PyCharm和Visual Studio开始Python编程
2015/10/26 Javascript
JavaScript 计算笛卡尔积实例详解
2016/12/02 Javascript
JavaScript条件判断_动力节点Java学院整理
2017/06/26 Javascript
关于vue.js组件数据流的问题
2017/07/26 Javascript
详解html-webpack-plugin用法全解
2018/01/22 Javascript
详解vue移动端日期选择组件
2018/02/22 Javascript
使用layui定义一个模块并使用的例子
2019/09/14 Javascript
jQuery模仿ToDoList实现简单的待办事项列表
2019/12/30 jQuery
echarts 使用formatter 修改鼠标悬浮事件信息操作
2020/07/20 Javascript
使用Python进行新浪微博的mid和url互相转换实例(10进制和62进制互算)
2014/04/25 Python
简述Python中的进程、线程、协程
2016/03/18 Python
windows上安装python3教程以及环境变量配置详解
2019/07/18 Python
python爬虫 2019中国好声音评论爬取过程解析
2019/08/26 Python
10行Python代码计算汽车数量的实现方法
2019/10/23 Python
Zalando Lounge瑞士:时尚与生活方式购物俱乐部
2020/03/12 全球购物
中学运动会广播稿
2014/01/19 职场文书
公司授权委托书范本
2014/04/03 职场文书
食品安全承诺书
2014/05/22 职场文书
党员教师四风问题整改措施思想汇报
2014/10/08 职场文书
2015年城管个人工作总结
2015/05/15 职场文书
离婚起诉书范本
2015/05/18 职场文书
2015秋季开学演讲稿范文
2015/07/16 职场文书
导游词之云南丽江-泸沽湖
2019/09/26 职场文书