解决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简化Ajax开发 Ajax开发入门
Oct 14 Javascript
Javascript 面向对象特性
Dec 28 Javascript
js简单实现让文本框内容逐个字的显示出来
Oct 22 Javascript
JS控制网页动态生成任意行列数表格的方法
Mar 09 Javascript
javascript适合移动端的日期时间拾取器
Nov 10 Javascript
js基于cookie方式记住返回页面用法示例
May 27 Javascript
jQuery学习心得总结(必看篇)
Jun 10 Javascript
用vscode开发vue应用的方法步骤
May 06 Javascript
详解如何探测小程序返回到webview页面
May 14 Javascript
JavaScript 实现自己的安卓手机自动化工具脚本(推荐)
May 13 Javascript
ReactRouter的实现方法
Jan 25 Javascript
ES6的循环与可迭代对象示例详解
Jan 31 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入门学习知识点八 PHP中for循环基本应用之九九乘法口绝表
2011/07/14 PHP
解析csv数据导入mysql的方法
2013/07/01 PHP
在html文件中也可以执行php语句的方法
2015/04/09 PHP
浅谈PHP拦截器之__set()与__get()的理解与使用方法
2016/10/18 PHP
PHP简单获取随机数的常用方法小结
2017/06/07 PHP
php表单文件iframe异步上传实例讲解
2017/07/26 PHP
基于PHP实现的多元线性回归模拟曲线算法
2018/01/30 PHP
元素的内联事件处理函数的特殊作用域在各浏览器中存在差异
2011/01/12 Javascript
简单模拟node.js中require的加载机制
2016/10/27 Javascript
JavaScript 轮播图和自定义滚动条配合鼠标滚轮分享代码贴
2016/10/28 Javascript
JS实现中国公民身份证号码有效性验证
2017/02/20 Javascript
vue2.0实战之基础入门(1)
2017/03/27 Javascript
原生js实现拖拽功能基本思路详解
2018/04/18 Javascript
微信小程序实现滴滴导航tab切换效果
2018/07/24 Javascript
Node.js log4js日志管理详解
2018/07/31 Javascript
微信小程序 slot踩坑的解决
2019/04/01 Javascript
JS实现简单tab选项卡切换
2019/10/25 Javascript
搭建Vue从Vue-cli到router路由护卫的实现
2019/11/14 Javascript
微信小程序自定义底部弹出框动画
2020/11/18 Javascript
[01:07]2015国际邀请赛 中国区预选赛精彩回顾
2015/06/15 DOTA
Nginx搭建HTTPS服务器和强制使用HTTPS访问的方法
2015/08/16 Python
python高手之路python处理excel文件(方法汇总)
2016/01/07 Python
python模块之paramiko实例代码
2018/01/31 Python
Django实现文件上传下载功能
2019/10/06 Python
numpy中三维数组中加入元素后的位置详解
2019/11/28 Python
tensorflow实现二维平面模拟三维数据教程
2020/02/11 Python
tensorflow保持每次训练结果一致的简单实现
2020/02/17 Python
canvas实现二维码和图片合成的示例代码
2018/08/01 HTML / CSS
LightInTheBox西班牙站点:全球商品在线采购
2016/09/22 全球购物
澳洲本土太阳镜品牌:Quay Australia
2019/07/29 全球购物
工作会议欢迎词
2014/01/16 职场文书
教师一帮一活动总结
2014/07/08 职场文书
中国梦演讲稿3分钟
2014/08/19 职场文书
社区灵活就业证明
2014/11/03 职场文书
Pandas 数据编码的十种方法
2022/04/20 Python
Java 定时任务技术趋势简介
2022/05/04 Java/Android