解决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实现页面自适应
Jan 19 Javascript
Javascript 篱式条件判断
Aug 22 Javascript
使用Math.floor与Math.random取随机整数的方法详解
May 07 Javascript
JS子父窗口互相操作取值赋值的方法介绍
May 11 Javascript
Angularjs实现搜索关键字高亮显示效果
Jan 17 Javascript
jQuery Ajax前后端使用JSON进行交互示例
Mar 17 Javascript
jquery处理checkbox(复选框)是否被选中实例代码
Jun 12 jQuery
微信小程序实现轮播图效果
Sep 07 Javascript
vue bus全局事件中心简单Demo详解
Feb 26 Javascript
vue项目中实现的微信分享功能示例
Jan 21 Javascript
Vue数据双向绑定底层实现原理
Nov 22 Javascript
Vue select 绑定动态变量的实例讲解
Oct 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编写daemon process详解及实例代码
2016/09/30 PHP
php实现映射操作实例详解
2019/10/02 PHP
ExtJS GTGrid 简单用户管理
2009/07/01 Javascript
Javascript 命名空间模式
2013/11/01 Javascript
原生javascript实现DIV拖拽并计算重复面积
2015/01/02 Javascript
详解WordPress开发中get_current_screen()函数的使用
2016/01/11 Javascript
jQuery实现验证年龄简单思路
2016/02/24 Javascript
jQuery实现对无序列表的排序功能(附demo源码下载)
2016/06/25 Javascript
Node.js中使用jQuery的做法
2016/08/17 Javascript
JS按钮闪烁功能的实现代码
2017/07/21 Javascript
基于Vue.js 2.0实现百度搜索框效果
2020/12/28 Javascript
解决angular双向绑定无效果,ng-model不能正常显示的问题
2018/10/02 Javascript
代码实例ajax实现点击加载更多数据图片
2018/10/12 Javascript
关于node-bindings无法在Electron中使用的解决办法
2018/12/18 Javascript
es6中let和const的使用方法详解
2020/02/24 Javascript
解决vue路由name同名,路由重复的问题
2020/08/05 Javascript
Python牛刀小试密码爆破
2011/02/03 Python
Python列表(list)、字典(dict)、字符串(string)基本操作小结
2014/11/28 Python
星球大战与Python之间的那些事
2016/01/07 Python
python 3利用BeautifulSoup抓取div标签的方法示例
2017/05/28 Python
python绘制铅球的运行轨迹代码分享
2017/11/14 Python
Python使用pyserial进行串口通信的实例
2019/07/02 Python
python利用wx实现界面按钮和按钮监听和字体改变的方法
2019/07/17 Python
使用python实现离散时间傅里叶变换的方法
2019/09/02 Python
Python操作SQLite数据库过程解析
2019/09/02 Python
python zip()函数使用方法解析
2019/10/31 Python
python实现批量修改文件名
2020/03/23 Python
PyQt5连接MySQL及QMYSQL driver not loaded错误解决
2020/04/29 Python
python安装后的目录在哪里
2020/06/21 Python
Django如何批量创建Model
2020/09/01 Python
分享CSS3制作卡片式图片的方法
2016/07/08 HTML / CSS
css3中仿放大镜效果的几种方式原理解析
2020/12/03 HTML / CSS
美国折扣地毯销售网站:Rugs.com
2020/03/27 全球购物
如何为DataGridView添加一个定制的Column Type
2014/01/21 面试题
社会学专业学生职业规划书
2014/02/07 职场文书
团员年度个人总结
2015/02/26 职场文书