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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • ubuntu安装vscode的两种方法_vscode vim

    ubuntu安装vscode的两种方法_vscode vimUbuntu16.04安装VisualStudioCode出现问题的解决一、前述关于ubuntu安装VisualStudioCode这里不在说明。这里记录两点自己安装过程中遇到的问题。二、umake安装出现问题解决usage:umakeweb[-h]{firefox-dev,phantomjs}…umakeweb:error:argumentframew…

    2022年9月18日
  • 《斯坦福算法博弈论二十讲》学习笔记(持续更新)

    《斯坦福算法博弈论二十讲》学习笔记(持续更新)《斯坦福算法博弈论二十讲》学习笔记(持续更新)第一章简介和实例第二章机制设计基础第三章迈尔森引理第四章算法机制设计第一章简介和实例羽毛球比赛中的规则漏洞12年伦敦奥运会的羽毛球赛事中发生了一件钻规则漏洞的“丑闻”。赛制规则如下:共分为两个小组,每个小组四只队伍,小组赛阶段各个小组的前两名晋级,A组第1名对阵B组第2名,A组第2名对阵B组第1名,之后进行两两淘汰赛。TZ是本届赛事公认的强队,已经提前小组赛出线。WY与JK进行一场小组赛,二者之间的胜者将会对阵TZ,因此两只队伍都不想赢,都在

    2022年10月15日
  • bootstrap 模态窗和datepicker搭配,清空form问题

    bootstrap模态窗和datepicker搭配,清空form问题

    2022年2月16日
  • 2019/7/3

    2019/7/31176E-Coverit!树的题常与层数,出度有关

    2022年6月16日
  • codeblocks中文编码问题

    codeblocks中文编码问题其实这是老调重弹的问题了,在windows下面出现中文乱码大多都是编码格式的问题不一致的问题,最简单的就是uft-8和gbk冲突的问题。如果一个文件本来是以utf-8存的,但是以gbk打开,当然会出现乱码了。方法一:用utf-8打开文件linux中中文常用的格式是utf-8,minGW是gcc的编译器,默认是utf-8格式,但是我们打开Setting/Editor/EncodingSetting

    2022年7月26日
  • 安卓dtmf识别_使用Goertzel算法识别DTMF信号

    安卓dtmf识别_使用Goertzel算法识别DTMF信号Goertzel算法Goertzel算法由GeraldGoertzel在1958年提出,用于数字信号处理,是属于离散傅里叶变换的范畴,目的是从给定的采样中求出某一特定频率信号的能量,用于有效性的评价。这个算法有几个关键的参数:采样率R,指的是需要分析的数据每秒钟有多少个采样目标频率f,指的是需要检测并评价的这个频率的值检测区段采样值数量N,也就是每N个采样这个算法会对频率f给出评价检测区段包含目…

    2022年11月1日

发表回复

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

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