解决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类中定义原型方法的两种实现的区别
Mar 08 Javascript
jQuery 全选效果实现代码
Mar 23 Javascript
查看图片(前进后退)功能实现js代码
Apr 24 Javascript
node.js中的console.timeEnd方法使用说明
Dec 09 Javascript
JavaScript中对象property的删除方法介绍
Dec 30 Javascript
jQuery Validation Plugin验证插件手动验证
Jan 26 Javascript
全国省市二级联动下拉菜单 js版
May 10 Javascript
layer.open关闭父窗口 以及调用父页面的方法
Aug 17 Javascript
vue操作动画的记录animate.css实例代码
Apr 26 Javascript
vue实现在线翻译功能
Sep 27 Javascript
vue iview的菜单组件Mune 点击不高亮的解决方案
Nov 01 Javascript
通过实例解析JavaScript for in及for of区别
Jun 15 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编码更加好看利于阅读
2019/05/12 PHP
php设计模式之策略模式实例分析【星际争霸游戏案例】
2020/03/26 PHP
七种PHP开发环境搭建工具
2020/06/28 PHP
js 面向对象的技术创建高级 Web 应用程序
2010/02/25 Javascript
this和执行上下文实现代码
2010/07/01 Javascript
Javascript中获取出错代码所在文件及行数的代码
2010/09/23 Javascript
JQUBar 基于JQUERY的柱状图插件
2010/11/23 Javascript
JS+CSS实现大气清新的滑动菜单效果代码
2015/10/22 Javascript
jQuery实现简单滚动动画效果
2016/04/07 Javascript
jquery跟随屏幕滚动效果的实现代码
2016/04/13 Javascript
JS基于递归算法实现1,2,3,4,5,6,7,8,9倒序放入数组中的方法
2017/01/03 Javascript
Node.js获取前端ajax提交的request信息
2017/02/20 Javascript
使用JS实现图片轮播的实例(前后首尾相接)
2017/09/21 Javascript
angular2系列之路由转场动画的示例代码
2017/11/09 Javascript
JS中原始值和引用值的储存方式示例详解
2018/03/23 Javascript
Node.js应用设置安全的沙箱环境
2018/04/23 Javascript
详解js常用分割取字符串的方法
2019/05/15 Javascript
ionic+html5+API实现双击返回键退出应用
2019/09/17 Javascript
详解vue-router的Import异步加载模块问题的解决方案
2020/05/13 Javascript
[57:22]完美世界DOTA2联赛PWL S2 FTD vs PXG 第二场 11.27
2020/12/01 DOTA
关于python导入模块import与常见的模块详解
2019/08/28 Python
python数据化运营的重要意义
2019/11/25 Python
详解python如何引用包package
2020/06/07 Python
css3如何绘制一个圆圆的loading转圈动画
2018/01/09 HTML / CSS
BASIC HOUSE官方旗舰店:韩国著名的服装品牌
2018/09/27 全球购物
英国皇家造币厂:The Royal Mint
2018/10/05 全球购物
opencv实现图像几何变换
2021/03/24 Python
求职信范文怎么写
2014/01/29 职场文书
护士见习期自我鉴定
2014/02/08 职场文书
小学生母亲节演讲稿
2014/05/07 职场文书
2014最新股权信托合同协议书
2014/11/18 职场文书
听证会主持词
2015/07/03 职场文书
2015年“我们的节日·重阳节”活动总结
2015/07/29 职场文书
祝福语集锦:送给毕业同学祝福语
2019/11/21 职场文书
使用PostGIS完成两点间的河流轨迹及流经长度的计算(推荐)
2022/01/18 PostgreSQL
JavaScript模拟实现网易云轮播效果
2022/04/04 Javascript