解决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 相关文章推荐
服务器安全设置的几个注册表设置
Jul 28 Javascript
jQuery输入城市查看地图使用介绍
May 08 Javascript
JavaScript获取图片的原始尺寸以宽度为例
May 04 Javascript
iframe里面的元素触发父窗口元素事件的jquery代码
Oct 19 Javascript
JavaScript设计模式之外观模式介绍
Dec 28 Javascript
基于jquery实现简单的手风琴特效
Nov 24 Javascript
js判断是否为空和typeof的用法(详解)
Oct 07 Javascript
JavaScript中英文字符长度统计方法示例【按照中文占2个字符】
Jan 17 Javascript
通过jquery获取上传文件名称、类型和大小的实现代码
Apr 19 jQuery
jQuery pagination分页示例详解
Oct 23 jQuery
在vue中使用Echarts利用watch做动态数据渲染操作
Jul 20 Javascript
Vue如何实现变量表达式选择器
Feb 18 Vue.js
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中ini_set与ini_get用法实例
2014/11/04 PHP
PHP文件上传判断file是否己选择上传文件的方法
2014/11/10 PHP
php对数组内元素进行随机调换的方法
2015/05/12 PHP
PHP针对字符串开头和结尾的判断方法
2016/07/11 PHP
PHP实现二维数组中的查找算法小结
2018/06/09 PHP
jQuery.Validate 使用笔记(jQuery Validation范例 )
2010/06/25 Javascript
javascript中的继承实例代码
2011/04/27 Javascript
JavaScript高级程序设计 XML、Ajax 学习笔记
2011/09/10 Javascript
javascript针对DOM的应用分析(四)
2012/04/15 Javascript
jquery配合css简单实现返回顶部效果
2013/09/30 Javascript
jQuery源码解读之removeClass()方法分析
2015/02/20 Javascript
HTML5之WebSocket入门3 -通信模型socket.io
2015/08/21 Javascript
深入理解JQuery循环绑定事件
2016/06/02 Javascript
javascript实现简单搜索功能
2020/03/26 Javascript
JS加载解析Markdown文档过程详解
2020/05/19 Javascript
vue中解决微信html5原生ios虚拟键返回不刷新问题
2020/10/20 Javascript
[10:28]2018DOTA2国际邀请赛寻真——VGJ.S寻梦之路
2018/08/15 DOTA
Python之两种模式的生产者消费者模型详解
2018/10/26 Python
Python递归函数实例讲解
2019/02/27 Python
python中有关时间日期格式转换问题
2019/12/25 Python
Django高并发负载均衡实现原理详解
2020/04/04 Python
python中pop()函数的语法与实例
2020/12/01 Python
Java Servlet的主要功能和作用是什么
2014/02/14 面试题
自动化专业毕业生自荐信
2013/11/01 职场文书
建材业务员岗位职责
2013/12/08 职场文书
竞聘副主任科员演讲稿
2014/01/11 职场文书
村官学习十八大感想
2014/01/15 职场文书
感恩的演讲稿
2014/05/06 职场文书
简单租房协议书范本
2014/08/20 职场文书
大一新生期末自我评价
2014/09/12 职场文书
商务英语专业大学生职业生涯规划书
2014/09/14 职场文书
三方股东合作协议书范本
2014/09/28 职场文书
小学校园广播稿集锦
2014/10/04 职场文书
部门经理迟到检讨书
2015/02/16 职场文书
MySQL令人咋舌的隐式转换
2021/04/05 MySQL
深度学习tensorflow基础mnist
2021/04/14 Python