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)
上一篇 2025年10月26日 下午7:43
下一篇 2025年10月26日 下午8:15


相关推荐

  • git操作名词解释

    git操作名词解释

    2022年3月3日
    64
  • 初识VMM_vmem是什么意思

    初识VMM_vmem是什么意思三篇文章就VMM、虚拟机和容器的性能比较作了详细介绍对以下问题予以解决:如何虚拟化操作系统下的机器大多数现代CPU架构的设计都不是可虚拟化的如何在无法虚拟化的cpu上实现VMM。虚拟化让一台机器上可以运行多种操作系统类型和版本,文章通过讨论Disco的基本技术,了解虚拟化工作机制。要在虚拟机监视器上运行虚拟机所使用的基本技术是有限的直接执行,也就是操作系统如何虚拟化CPU…

    2026年2月19日
    4
  • 电力系统104规约帧报文解析

    电力系统104规约帧报文解析最近被调到电力物联网的项目组,之前一直在做移动终端的我现在在这个项目中得要重新学起了。。~_~!1.电力系统常见概念首先介绍一份ppt:https://wenku.baidu.com/view/557ceb87be23482fb5da4c84.html看着挺好。。。这边文章主要是解释一些电力系统开发中比较常见的概念,也是给自己做个笔记~~~~~~电力系统远动(powersys…

    2022年6月20日
    107
  • 赚一个亿真的不难,不信你看下面代码

    赚一个亿真的不难,不信你看下面代码privatevoidComputeActionPerformed(java.awt.event.ActionEventevt){//TODOaddyourhandlingcodehere:if(Salary.getText().isEmpty()||Aim.getText().isEmpty()||Saving.getText().isEmpty()){..

    2022年6月12日
    31
  • Qt 之自定义搜索框

    Qt 之自定义搜索框简述关于搜索框,大家都经常接触。例如:浏览器搜索、Windows资源管理器搜索等。当然,这些对于Qt实现来说毫无压力,只要思路清晰,分分钟搞定。方案一:调用QLineEdit现有接口voidaddAction(QAction*action,ActionPositionposition)在QLineEdit的前/后添加部件,ActionPosition表示部件所在方位。QAction

    2022年7月13日
    22
  • ziw文件用什么打开_zip文件怎么打开

    ziw文件用什么打开_zip文件怎么打开方法一:命令行切换到当前文件目录,输入:unzip文件名.ziw方法二:直接把文件名改为文件名.zip重新解压就好了。

    2022年10月12日
    4

发表回复

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

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