解决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启动sqlserver
Jun 21 Javascript
用ASP将SQL搜索出来的内容导出为TXT的代码
Jul 27 Javascript
jquery入门—选择器实现隔行变色实例代码
Jan 04 Javascript
jQuery中的ajax async同步和异步详解
Sep 29 Javascript
详解vue中computed 和 watch的异同
Jun 30 Javascript
JavaScript 用fetch 实现异步下载文件功能
Jul 21 Javascript
基于jQuery实现的单行公告活动轮播效果
Aug 23 jQuery
React-Native使用Mobx实现购物车功能
Sep 14 Javascript
vue实现添加与删除图书功能
Oct 07 Javascript
js字符串倒序的实例代码
Nov 30 Javascript
Vue 请求传公共参数的操作
Jul 31 Javascript
javascript运行机制之执行顺序理解
Aug 03 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实现多服务器共享SESSION数据的方法
2007/03/16 PHP
ThinkPHP跳转页success及error模板实例教程
2014/07/17 PHP
初识laravel5
2015/03/02 PHP
php保存任意网络图片到服务器的方法
2015/04/14 PHP
收藏Javascript中常用的55个经典技巧
2007/08/12 Javascript
体验js中splice()的强大(插入、删除或替换数组的元素)
2013/01/16 Javascript
Js实现手机发送验证码时按钮延迟操作
2014/06/20 Javascript
jQuery实现选项卡切换效果简单演示
2015/12/09 Javascript
js提交form表单,并传递参数的实现方法
2016/05/25 Javascript
js判断浏览器是否支持严格模式的方法
2016/10/04 Javascript
利用jQuery插件imgAreaSelect实现图片上传裁剪(同步显示图像位置信息)
2016/12/02 Javascript
localStorage的黑科技-js和css缓存机制
2017/02/06 Javascript
详解jQuery-each()方法
2019/03/13 jQuery
python解决Fedora解压zip时中文乱码的方法
2016/09/18 Python
Python使用文件锁实现进程间同步功能【基于fcntl模块】
2017/10/16 Python
Windows下anaconda安装第三方包的方法小结(tensorflow、gensim为例)
2018/04/05 Python
python输出带颜色字体实例方法
2019/09/01 Python
Python JSON常用编解码方法代码实例
2020/09/05 Python
Html5写一个简单的俄罗斯方块小游戏
2019/12/03 HTML / CSS
老海军美国官网:Old Navy
2016/09/05 全球购物
暇步士官网:Hush Puppies
2016/09/22 全球购物
洛杉矶生活休闲而精致的基础品牌:Mika Jaymes
2018/01/07 全球购物
Lampegiganten丹麦:欧洲领先的照明网上商店
2018/04/25 全球购物
应届本科生推荐信范文
2013/12/25 职场文书
企业演讲稿范文
2013/12/28 职场文书
股东协议书
2014/04/14 职场文书
公司委托书怎么写
2014/08/02 职场文书
财务会计实训报告
2014/11/05 职场文书
违反工作规定检讨书范文
2014/12/14 职场文书
团代会开幕词
2015/01/28 职场文书
工程部部长岗位职责
2015/02/12 职场文书
军事理论课感想
2015/08/11 职场文书
校园音乐节目广播稿
2015/08/19 职场文书
使用 CSS 轻松实现一些高频出现的奇形怪状按钮
2021/12/06 HTML / CSS
我去timi了,一起去timi是什么意思?
2022/04/13 杂记
SQL Server数据库备份和恢复数据库的全过程
2022/06/14 SQL Server