解决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 面向对象 继承
May 13 Javascript
用JS实现一个TreeMenu效果分享
Aug 28 Javascript
一种Javascript解释ajax返回的json的好方法(推荐)
Jun 02 Javascript
基于Javascript实现的不重复ID的生成器
Dec 25 Javascript
js判断是否是手机页面
Mar 17 Javascript
JavaScript 中的 this 工作原理
Jun 20 Javascript
Angular resolve基础用法详解
Oct 03 Javascript
vue 组件中使用 transition 和 transition-group实现过渡动画
Jul 09 Javascript
微信小程序批量上传图片到七牛(推荐)
Dec 19 Javascript
jQuery实现简易QQ聊天框
Feb 10 jQuery
JavaScript碰撞检测原理及其实现代码
Mar 12 Javascript
eslint+prettier统一代码风格的实现方法
Jul 22 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 按位与或 (^ 、&)
2013/06/21 PHP
解析php中如何调用用户自定义函数
2013/08/06 PHP
JS异常处理try..catch语句的作用和实例
2014/05/05 PHP
PHP中对数组的一些常用的增、删、插操作函数总结
2015/11/27 PHP
input 输入框内的输入事件详细分析
2010/03/17 Javascript
Javascript基础教程之数组 array
2015/01/18 Javascript
轻松实现JavaScript图片切换
2016/01/12 Javascript
JavaScript用构造函数如何获取变量的类型名
2016/12/23 Javascript
JS自定义函数实现时间戳转换成date的方法示例
2017/08/27 Javascript
Vue.js单向绑定和双向绑定实例分析
2018/08/14 Javascript
微信小程序获取公众号文章列表及显示文章的示例代码
2020/03/10 Javascript
js实现简单扫雷
2020/11/27 Javascript
原生js实现俄罗斯方块
2020/10/20 Javascript
Vue 401配合Vuex防止多次弹框的案例
2020/11/11 Javascript
[01:17]炒鸡美酒第四天TA暴走
2018/06/05 DOTA
[05:09]DOTA2-DPC中国联赛2月22日Recap集锦
2021/03/11 DOTA
使用Python开发windows GUI程序入门实例
2014/10/23 Python
在Python的Django框架中生成CSV文件的方法
2015/07/22 Python
python函数的5种参数详解
2017/02/24 Python
CentOS下使用yum安装python-pip失败的完美解决方法
2017/08/16 Python
Python编程pygal绘图实例之XY线
2017/12/09 Python
Python设计模式之简单工厂模式实例详解
2019/01/22 Python
Django ModelForm组件使用方法详解
2019/07/23 Python
详解python中__name__的意义以及作用
2019/08/07 Python
VS2019+python3.7+opencv4.1+tensorflow1.13配置详解
2020/04/16 Python
Python实现验证码识别
2020/06/15 Python
Python手动或自动协程操作方法解析
2020/06/22 Python
python实现MySQL指定表增量同步数据到clickhouse的脚本
2021/02/26 Python
CSS3 text-shadow实现文字阴影效果
2016/02/24 HTML / CSS
简历中个人自我评价分享
2014/03/15 职场文书
党员群众路线教育实践活动学习笔记
2014/11/05 职场文书
2014年前台接待工作总结
2014/12/05 职场文书
教师师德承诺书2016
2016/03/25 职场文书
详解Python常用的魔法方法
2021/06/03 Python
总结python多进程multiprocessing的相关知识
2021/06/29 Python
python中使用redis用法详解
2022/12/24 Redis