解决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 相关文章推荐
javascript学习笔记(十四) window对象使用介绍
Jun 20 Javascript
JavaScript使用HTML5的window.postMessage实现跨域通信例子
Apr 11 Javascript
node.js调用C++开发的模块实例
Jul 03 Javascript
jQuery+ajax实现实用的点赞插件代码
Jul 06 Javascript
js鼠标单击和双击事件冲突问题的快速解决方法
Jul 11 Javascript
Javascript中关于Array.filter()的妙用详解
Dec 04 Javascript
Vue-component全局注册实例
Sep 06 Javascript
vue 点击按钮实现动态挂载子组件的方法
Sep 07 Javascript
JavaScript实现与使用发布/订阅模式详解
Jan 19 Javascript
在vue中使用echars实现上浮与下钻效果
Nov 08 Javascript
JS实现canvas简单小画板功能
Jun 23 Javascript
javaScript实现一个队列的方法
Jul 14 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+SQL 注入攻击的技术实现以及预防办法
2011/01/27 PHP
如何获知PHP程序占用多少内存(memory_get_usage)
2012/09/23 PHP
php过滤HTML标签、属性等正则表达式汇总
2014/09/22 PHP
PHP采用get获取url汉字出现乱码的解决方法
2014/11/13 PHP
总结对比php中的多种序列化
2016/08/28 PHP
javascript 数组的方法集合
2008/06/05 Javascript
JS通过相同的name进行表格求和代码
2013/08/18 Javascript
使用jquery修改表单的提交地址基本思路
2014/06/04 Javascript
JS实现漂亮的窗口拖拽效果(可改变大小、最大化、最小化、关闭)
2015/10/10 Javascript
JavaScript实现移动端轮播效果
2017/06/06 Javascript
es6系列教程_ Map详解以及常用api介绍
2017/09/25 Javascript
原生JS与jQuery编写简单选项卡
2017/10/30 jQuery
解决JavaScript layui 下拉框不显示的问题
2018/08/14 Javascript
node.js微信小程序配置消息推送的实现
2019/02/13 Javascript
webpack 如何解析代码模块路径的实现
2019/09/04 Javascript
OpenLayers3实现地图鹰眼以及地图比例尺的添加
2020/09/25 Javascript
[01:45]DOTA2新英雄“神谕者”全方位展示
2014/11/21 DOTA
Python实现建立SSH连接的方法
2015/06/03 Python
Python对文件操作知识汇总
2016/05/15 Python
利用Python找出序列中出现最多的元素示例代码
2017/12/08 Python
python3读取csv和xlsx文件的实例
2018/06/22 Python
Python Web编程之WSGI协议简介
2018/07/18 Python
python3判断url链接是否为404的方法
2018/08/10 Python
Python 200行代码实现一个滑动验证码过程详解
2019/07/11 Python
pytorch GAN伪造手写体mnist数据集方式
2020/01/10 Python
tensorflow 获取checkpoint中的变量列表实例
2020/02/11 Python
Python 剪绳子的多种思路实现(动态规划和贪心)
2020/02/24 Python
python+selenium+chromedriver实现爬虫示例代码
2020/04/10 Python
Html5中的桌面通知Notification的实现
2018/09/25 HTML / CSS
使用phonegap创建联系人的实现方法
2017/03/30 HTML / CSS
Html5在手机端调用相机的方法实现
2020/05/13 HTML / CSS
中学家长会邀请函
2014/01/17 职场文书
商务英语专业大学生职业生涯规划书
2014/09/14 职场文书
店铺转让协议书(2014版)
2014/09/23 职场文书
社会治安综合治理责任书
2015/01/29 职场文书
Pytorch 如何实现常用正则化
2021/05/27 Python