axios实现跨域三种方法_react antdesign

axios实现跨域三种方法_react antdesign1.启动springboot后端,提供接口2.在config文件夹下创建proxy.tx文件,如果存在,在dev中添加axios环境代理,例如在我的demo中添加了/asd映射到http://localhost:8889/***在生产环境代理是无法生效的,所以这里没有生产环境的配置*Theagentcannottakeeffectintheproductionenvironment*sothereisnoconfigurationoftheproduc

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

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

1.启动springboot后端,提供接口

在这里插入图片描述

2.在config文件夹下创建proxy.tx文件,如果存在,在dev中添加axios环境代理,例如在我的demo中添加了/asd映射到http://localhost:8889

/**
 * 在生产环境 代理是无法生效的,所以这里没有生产环境的配置
 * The agent cannot take effect in the production environment
 * so there is no configuration of the production environment
 * For details, please see
 * https://pro.ant.design/docs/deploy
 */
export default { 
   
  
  dev: { 
   
    '/api/': { 
   
      target: 'https://preview.pro.ant.design',
      changeOrigin: true,
      pathRewrite: { 
    '^': '' },
    },
    '/asd':{ 
   
      target:'http://localhost:8889',/*目标地址   */
      changeOrigin: true,           /* 可以跨域:true*/
    pathRewrite: { 
    '^/asd': '' },/*将目标地址改为/asd   */
    }
  },
  test: { 
   
    '/api/': { 
   
      target: 'https://preview.pro.ant.design',
      changeOrigin: true,
      pathRewrite: { 
    '^': '' },
    },
  },
  pre: { 
   
    '/api/': { 
   
      target: 'your pre url',
      changeOrigin: true,
      pathRewrite: { 
    '^': '' },
    },
  },
  
};

3.在需要的地方使用

首先 import axios from 'axios'(前提是安装了axios)

function click1(){ 
   
  axios.get('/asd/test')
  .then(function(response) { 
   
    console.log(LoginForm.UserName);
    console.log(LoginForm.Password);
    console.log(response.data);
    console.log(response.status);
    console.log(response.statusText);
    console.log(response.headers);
    console.log(response.config);
  });
}

4.npm start启动前端ant design pro,验证成功

在这里插入图片描述

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

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

(0)
上一篇 2025年10月26日 上午11:43
下一篇 2025年10月26日 下午12:15


相关推荐

  • 父子组件传值方法

    父子组件传值方法vue组件间传值方法:ref、子传父、父传子、VueX、bus。

    2022年5月16日
    49
  • Android开发入门案例「建议收藏」

    Android开发入门案例「建议收藏」初次接触安卓,做出来一个还能看的案例,类似小说阅读的APP,将源码记录一下一、案例效果1.登录界面2.注册界面3.用户信息显示界面4.小说阅读界面二、安卓代码1.AndroidManifest.xml<?xmlversion=”1.0″encoding=”utf-8″?><manifestxmlns:android=”http://schemas….

    2022年6月15日
    29
  • dataTable自定义搜索框位置

    dataTable自定义搜索框位置其实不能叫自定义位置dataTable的搜索框请参阅dataTabledom:http://www.datatables.club/reference/option/dom.html我的需求是将dataTable默认位置的搜索框移动到我的form表单中的搜索位置如图:因为自己不会写前端却要写前端幸得群里大神指点在页面写样式覆盖原来的样式在这里记录一下解决办法…

    2022年7月13日
    22
  • uart 时序_8080接口时序

    uart 时序_8080接口时序数据传送速率用波特率来表示,指单位时间内载波参数变化的次数,或每秒钟传送的二进制位数  如每秒钟传送240个字符,而每个字符包含10位(1个起始位,1个停止位,8个数据位),这时的波特率为2400Bd  传输时序如下图    在UART中,信号线上共有两种状态,分别用逻辑1(高电平)和逻辑0(低电平)来区分  在空闲时,数据线应该保持在逻辑高电平状态  其中…

    2025年11月16日
    5
  • 机器学习中的数学——概率论

    机器学习中的数学——概率论概率论 随机事件 统计量 常见分布 基本定理文章目录 1 随机事件 2 条件概率 1 随机事件在随机试验中 可能出现也可能不出现 而在大量重复试验中具有某种规律性的事件 2 条件概率假设实验 A 和 B 是试验 E 的事件 考虑 A 已发生的情况下 B 发生的概率 P B A P AB P A P B A P AB P A P B A P AB P A P AB P B A P A P

    2026年3月26日
    2
  • Midjourney保姆级教程(一):Midjourney注册与登录

    Midjourney保姆级教程(一):Midjourney注册与登录

    2026年3月15日
    2

发表回复

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

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