解决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更改class和id的方法
Oct 10 Javascript
window.showModalDialog参数传递中含有特殊字符的处理方法
Jun 06 Javascript
JS去除字符串两端空格的简单实例
Dec 27 Javascript
jqeury-easyui-layout问题解决方法
Mar 24 Javascript
javascript数组去重方法终极总结
Jun 05 Javascript
angular-ui-sortable实现可拖拽排序列表
Dec 28 Javascript
AngularJS实现controller控制器间共享数据的方法示例
Oct 30 Javascript
浅谈Vue.js 组件中的v-on绑定自定义事件理解
Nov 17 Javascript
取消Bootstrap的dropdown-menu点击默认关闭事件方法
Aug 10 Javascript
玩转Koa之核心原理分析
Dec 29 Javascript
javascript实现留言板功能
Feb 08 Javascript
javascript this指向相关问题及改变方法
Nov 19 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动态变静态原理
2006/11/25 PHP
php shell超强免杀、减少体积工具实现代码
2012/10/16 PHP
php通过数组实现多条件查询实现方法(字符串分割)
2014/05/06 PHP
PHP 反射(Reflection)使用实例
2015/05/12 PHP
typecho插件编写教程(五):核心代码
2015/05/28 PHP
PHP中的常见魔术方法功能作用及用法实例
2015/07/01 PHP
php中session_id()函数详细介绍,会话id生成过程及session id长度
2015/09/23 PHP
PHP+MySQL统计该库中每个表的记录数并按递减顺序排列的方法
2016/02/15 PHP
自定义min版smarty模板引擎MinSmarty.class.php文件及用法
2016/05/20 PHP
javascript onkeydown,onkeyup,onkeypress,onclick,ondblclick
2009/02/04 Javascript
javascript 清除输入框中的数据
2009/04/13 Javascript
jQuery帮助之筛选查找 children([expr])
2011/01/31 Javascript
自动刷新网页,自动刷新当前页面,JS调用
2013/06/24 Javascript
javascript实例分享---具有立体效果的图片特效
2014/06/08 Javascript
Jquery Easyui进度条组件Progress使用详解(8)
2020/03/26 Javascript
html5+CSS 实现禁止IOS长按复制粘贴功能
2016/12/28 Javascript
jQuery插件HighCharts实现的2D条状图效果示例【附demo源码下载】
2017/03/15 Javascript
微信小程序的日期选择器的实例详解
2017/09/29 Javascript
实例解析Vue.js下载方式及基本概念
2018/05/11 Javascript
Vue中在新窗口打开页面及Vue-router的使用
2018/06/13 Javascript
谈谈JavaScript中的函数
2020/09/08 Javascript
react使用antd表单赋值,用于修改弹框的操作
2020/10/29 Javascript
python-opencv颜色提取分割方法
2018/12/08 Python
Java Spring项目国际化(i18n)详细方法与实例
2020/03/20 Python
浅谈Python 钉钉报警必备知识系统讲解
2020/08/17 Python
用Python实现职工信息管理系统
2020/12/30 Python
详解CSS3中border-image的使用
2015/07/18 HTML / CSS
欧洲最大的预定车位市场:JustPark
2020/01/06 全球购物
宏碁西班牙官网:Acer西班牙
2021/01/08 全球购物
Stührling手表官方网站:男女高品质时尚手表的领先零售商
2021/01/07 全球购物
2014年保卫部工作总结
2014/11/21 职场文书
产品调价通知函
2015/04/20 职场文书
有趣的二维码:使用MyQR和qrcode来制作二维码
2021/05/10 Python
浅谈Python从全局与局部变量到装饰器的相关知识
2021/06/21 Python
苹果M1芯片安装nginx 并且部署vue项目步骤详解
2021/11/20 Servers
Golang入门之计时器
2022/05/04 Golang