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


相关推荐

  • CPU重要参数_cpu性能参数指标有哪些

    CPU重要参数_cpu性能参数指标有哪些内容来自http://www.360doc.com/content/18/1124/15/60810319_796935567.shtmlCPU有几个重要的参数:主频、核心、线程、缓存、架构。那么他

    2022年8月2日
    13
  • Deepseek从入门到入坑的最新教程

    Deepseek从入门到入坑的最新教程

    2026年3月16日
    2
  • MATLAB2018求矩阵的逆以及矩阵无穷范数的计算[通俗易懂]

    在命令行窗口输入矩阵A,>>a=[0.7800.563;0.9130.659]返回结果输出,a=0.78000.56300.91300.6590求该矩阵的逆,>>b=inv(a)返回结果输出,b=1.0e+05*6.5900-5.6300-9.13007.8000注,返回矩阵前的为科学记数法求矩阵的无穷范数,…

    2022年4月10日
    167
  • pyqt5安装与pycharm配置

    pyqt5安装与pycharm配置最近几天新入坑了 python 的 GUI 设计 回想一下我为什么会入门这个 好像是在知乎上看到你都用 Python 来做什么 这篇文章 看到有人回答说将 python 打包成 exe 文件 然后就想把之前弄得一个 selenium 的自动化项目打包成 exe 现在想想有点滑稽 好像需要 Chrome 的版本对应打包的 chromedriver 才行 手动滑稽 下面将介绍一下 pyqt5 的安装 在安装的时候我也浪费了

    2026年3月26日
    0
  • 抽象工厂模式与工厂方法模式有哪些不同_工厂方法和抽象工厂

    抽象工厂模式与工厂方法模式有哪些不同_工厂方法和抽象工厂Abstract Factory动机实例模式定义结构要点总结笔记动机在软件系统中,经常面临着”一系列相互依赖的对象“的创建工作;同时,由于需求的变化,往往存在更多系列对象的创建工作如果应对这种变换?如何绕过常规的对象创建方法(new),提供一种”封装机制“来避免客户程序和这种”多系列具体对象创建工作“的紧耦合?实例数据库连接的时候会有很多关联的对象,这些对象是一个整体朴素class EmployeeDAO{public: vector<EmployeeDAO> GetEm

    2022年8月9日
    8
  • QListWidget 布局方向设定

    QListWidget 布局方向设定//我们看下官方文档的说明//创建一个QListWidgetQListWidget m_list //假如m_list添加了很多子项(一个子项由一个图片和一段文字组成) //如果设置为m_second_list->setViewMode(QListView::IconMode); //那么m_list子项就会从左到右横向的排列

    2022年6月5日
    140

发表回复

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

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