解决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 相关文章推荐
jquery 定位input元素的几种方法小结
Jul 28 Javascript
简单的ajax连接库分享(不用jquery的ajax)
Jan 19 Javascript
JavaScript中的值类型转换介绍
Dec 31 Javascript
JS实现单行文字不间断向上滚动的方法
Jan 29 Javascript
jQuery带进度条全屏图片轮播特效代码分享
Jun 28 Javascript
Vue.js基础知识小结
Jan 13 Javascript
认识less和webstrom的less配置方法
Aug 02 Javascript
JS实现预加载视频音频/视频获取截图(返回canvas截图)
Oct 09 Javascript
微信小程序时间标签和时间范围的联动效果
Feb 15 Javascript
vue-cli配置全局sass、less变量的方法
Jun 06 Javascript
关于vue3.0中的this.$router.replace({ path: '/'})刷新无效果问题
Jan 16 Javascript
vue路由切换时取消之前的所有请求操作
Sep 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
在WAMP环境下搭建ZendDebugger php调试工具的方法
2011/07/18 PHP
Symfony页面的基本创建实例详解
2015/01/26 PHP
PHP使用反射机制实现查找类和方法的所在位置
2016/04/22 PHP
详解php中curl返回false的解决办法
2019/03/18 PHP
Thinkphp5.0框架的Db操作实例分析【连接、增删改查、链式操作等】
2019/10/11 PHP
理清apply(),call()的区别和关系
2011/08/14 Javascript
javascript学习笔记(十) js对象 继承
2012/06/19 Javascript
用jquery.sortElements实现table排序
2014/05/04 Javascript
js实现透明度渐变效果的方法
2015/04/10 Javascript
JS实现的通用表单验证插件完整实例
2015/08/20 Javascript
AngularJS中filter的使用实例详解
2017/08/25 Javascript
Vue2.0基于vue-cli+webpack父子组件通信(实例讲解)
2017/09/14 Javascript
详解vue后台系统登录态管理
2019/04/02 Javascript
使用vue-cli3新建一个项目并写好基本配置(推荐)
2019/04/24 Javascript
vue使用recorder.js实现录音功能
2019/11/22 Javascript
vue 实现根据data中的属性值来设置不同的样式
2020/08/04 Javascript
python读取Android permission文件
2013/11/01 Python
Windows和Linux下使用Python访问SqlServer的方法介绍
2015/03/10 Python
Python 类与元类的深度挖掘 II【经验】
2016/05/06 Python
Django框架的使用教程路由请求响应的方法
2018/07/03 Python
Flask框架Jinjia模板常用语法总结
2018/07/19 Python
详解pyppeteer(python版puppeteer)基本使用
2019/06/12 Python
浅析python 中大括号中括号小括号的区分
2019/07/29 Python
python matplotlib拟合直线的实现
2019/11/19 Python
Python字节单位转换实例
2019/12/05 Python
Pandas之read_csv()读取文件跳过报错行的解决
2020/04/21 Python
Python 基于jwt实现认证机制流程解析
2020/06/22 Python
Python+Xlwings 删除Excel的行和列
2020/12/19 Python
英国排名第一的最新设计师品牌手表独立零售商:TIC Watches
2016/09/24 全球购物
如何撰写岗位职责
2014/02/01 职场文书
40岁生日感言
2014/02/15 职场文书
先进个人自荐书
2015/03/06 职场文书
使用springboot暴露oracle数据接口的问题
2021/05/07 Oracle
JavaScript实现队列结构过程
2021/12/06 Javascript
Vue的过滤器你真了解吗
2022/02/24 Vue.js
python opencv将多个图放在一个窗口的实例详解
2022/02/28 Python