Axios跨域请求配置「建议收藏」

Axios跨域请求配置「建议收藏」    React中用到的网络代理请求是axios,它在使用的过程中,会存在一些问题,今天就分享我遇到过的一些问题1、跨域请求后台配置:在SpringBoot项目中的,需要实现WebMvcConfigurer,并且重写addCrosMappings方法@ConfigurationpublicclassApplicationAutoConfigurationimplementsWebMvcConfigurer{ @Override public

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE使用 1年只要46元 售后保障 童叟无欺

      React中用到的网络代理请求是axios,它在使用的过程中,会存在一些问题,今天就分享我遇到过的一些问题

1、跨域请求后台配置:

在SpringBoot项目中的,需要实现WebMvcConfigurer,并且重写addCrosMappings方法

@Configuration
public class ApplicationAutoConfiguration implements WebMvcConfigurer { 
   
	@Override
	public void addCorsMappings(CorsRegistry registry) { 
   
			registry.addMapping("/**").allowedOrigins("*").allowedMethods("*").
allowedHeaders("*").allowCredentials(true);
	}
}

二、请求后台中的OPTIONS方法时后台配置

      由于发送POST请求的时候会先发送一个OPTIONS的请求,但是这个OPTIONS请求中是不能和平常的Headers一样头部带上token验证信息的,当浏览器检测不到token的时候,就会被拒绝访问,所以,需要在后台做一些处理,我用的是Shiro权限认证框架,所以只需要在FormAuthenticationFilter拦截器继承的isAccessAllowed方法中判断请求的类型,返回true即可,如下图所示:
在这里插入图片描述
       如果是Servlet容器的,需要在preHandle方法中判断一下请求的类型。

3、跨域请求Cookie配置

       在跨域请求中,默认是不带Cookie请求信息的,所以每次请求都是不同的用户,这个时候,axios请求中,加上一个配置,就是带上Cookie等验证信息。如下图所示:
在这里插入图片描述

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/194953.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • Intellij IDEA 查找接口实现类的快捷键「建议收藏」

    Intellij IDEA 查找接口实现类的快捷键「建议收藏」查找接口的实现类:IDEA风格ctrl+alt+B在按F2查看详细文档注解查看类或接口的继承关系:ctrl+h1、IDEA_查找接口的实现的快捷键 个人分类管理http://blog.csdn.net/u010003835/article/details/790366662、intellijidea8.1.2中找到实现一个类或者接口子类的快捷键 https://zhidao.ba…

    2022年8月15日
    15
  • hadoop核心模块_ERP核心模块

    hadoop核心模块_ERP核心模块转载地址:https://www.amobbs.com/thread-5531817-1-1.html 最近,利用uip搞了小东西,要想利用好uip,最好彻底搞清楚其关键函数uip_process.当网卡接收到数据之后,均需要通过该函数来处理.  下面是对uip1.0中的uip_process函数解读.//要点:网卡收到数据时,uip_process会遍历uip_udp_conn…

    2022年8月31日
    2
  • LoRa学习:LoRa关键参数(扩频因子,编码率,带宽)的设定及解释

    LoRa学习:LoRa关键参数(扩频因子,编码率,带宽)的设定及解释LoRa学习:LoRa关键参数(扩频因子,编码率,带宽)的设定及解释1、扩频因子(SF)2、编码率(CR)3、信号带宽(BW)4、LoRa信号带宽BW、符号速率Rs和数据速率DR的关系5、LoRa信号带宽、扩频因子和编码率的设定6、空中速率针对特定应用,开发人员可通过调制扩频因子、调制带宽、纠错编码率这三个关键设计参数,对LoRa调制解调技术进行优化。。…

    2022年10月10日
    3
  • 什么时候市场出现真正拐点

    什么时候市场出现真正拐点 从《实盘日志》中披露的数据我们能够发现,目前股指已经被大资金牢牢掌握,话语权已经交给了大盘股,这一点从昨天的银行股群体上涨就能够看出问题。 《实盘日志》贴出的图表显示,昨天银行板块资金净流入就高达9个亿,但是,8日资金净流出较大的个股有紫金矿业、…

    2022年6月18日
    24
  • 【ClickOnce】自定义前提条件 Creating Bootstrapper Packages

    【ClickOnce】自定义前提条件 Creating Bootstrapper Packages背景以ClickOnce方式发布WPF程序时,在工程属性页的Publish标签中,单击Prerequisites按钮后可以选择需要安装的前提条件列表,比如.netframework。该列表未提供添加按钮或者管理功能,必须手工把自定义的前提条件添加进去。方法简单明了,把程序文件和要求的配置文件等存放到指定位置即可,如下:Walkthrough:Creati…

    2022年7月20日
    17
  • Quickstart for Python/WSGI applications「建议收藏」

    Quickstart for Python/WSGI applications

    2022年2月21日
    33

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号