解决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 相关文章推荐
JScript中使用ADODB.Stream判断文件编码的代码
Jun 09 Javascript
JavaScript获取XML数据附示例截图
Mar 05 Javascript
Node.js模块加载详解
Aug 16 Javascript
jQuery中position()方法用法实例
Jan 16 Javascript
jquery实现的简单二级菜单效果代码
Sep 22 Javascript
svg动画之动态描边效果
Feb 22 Javascript
BootStrap模态框和select2合用时input无法获取焦点的解决方法
Sep 01 Javascript
Vue自定义指令实现checkbox全选功能的方法
Feb 28 Javascript
浅析Vue.js 中的条件渲染指令
Nov 19 Javascript
基于node+vue实现简单的WebSocket聊天功能
Feb 01 Javascript
JS+HTML实现自定义上传图片按钮并显示图片功能的方法分析
Feb 12 Javascript
vue-cli+webpack项目打包到服务器后,ttf字体找不到的解决操作
Aug 28 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
咖啡与水的关系
2021/03/03 冲泡冲煮
从一个不错的留言本弄的mysql数据库操作类
2007/09/02 PHP
PHP数组对比函数,存在交集则返回真,否则返回假
2011/02/03 PHP
PHP上传文件时自动分配路径的方法
2015/01/09 PHP
PHP单元测试配置与使用方法详解
2019/12/27 PHP
使用prototype.js进行异步操作
2007/02/07 Javascript
jQuery 学习第七课 扩展jQuery的功能 插件开发
2010/05/17 Javascript
Dom在ajax技术中的作用说明
2010/10/25 Javascript
js实现简单div拖拽功能实例
2015/05/12 Javascript
JS中如何实现点击a标签返回页面顶部的问题
2017/01/19 Javascript
微信小程序中input标签详解及简单实例
2017/05/18 Javascript
vue里面父组件修改子组件样式的方法
2018/02/03 Javascript
React Native自定义控件底部抽屉菜单的示例
2018/02/08 Javascript
vue 中swiper的使用教程
2018/05/22 Javascript
vue自定义一个v-model的实现代码
2018/06/21 Javascript
element-ui 本地化使用教程详解
2019/10/28 Javascript
js中apply和call的理解与使用方法
2019/11/27 Javascript
element el-tree组件的动态加载、新增、更新节点的实现
2020/02/27 Javascript
解决VueCil代理本地proxytable无效报错404的问题
2020/11/07 Javascript
Map与WeakMap类型在JavaScript中的使用详解
2020/11/18 Javascript
[01:07:19]DOTA2-DPC中国联赛 正赛 CDEC vs XG BO3 第一场 1月19日
2021/03/11 DOTA
详解在Python程序中自定义异常的方法
2015/10/16 Python
python编写简易聊天室实现局域网内聊天功能
2018/07/28 Python
Pandas库之DataFrame使用的学习笔记
2019/06/21 Python
Tensorflow Summary用法学习笔记
2020/01/10 Python
python同时遍历两个list用法说明
2020/05/02 Python
Lookfantastic瑞典:英国知名美妆购物网站
2018/04/06 全球购物
班组长工作职责
2013/12/25 职场文书
文明礼仪伴我行演讲稿
2014/05/12 职场文书
学校党员对照检查材料
2014/08/28 职场文书
幼儿园中班教师个人总结
2015/02/05 职场文书
2015年乡镇纪检工作总结
2015/04/22 职场文书
小学大队干部竞选稿
2015/11/20 职场文书
在Java中Collection的一些常用方法总结
2021/06/13 Java/Android
JVM的类加载器和双亲委派模式你了解吗
2022/03/13 Java/Android
Python与C++中梯度方向直方图的实现
2022/03/17 Python