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,验证成功

在这里插入图片描述

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

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

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • 韩顺平的php东方航空_韩顺平PHP从入门到精通视频教程[通俗易懂]

    韩顺平的php东方航空_韩顺平PHP从入门到精通视频教程[通俗易懂]传智播客_韩顺平_php从入门到精通视频教程第001讲html介绍html运行原理①传智播客_韩顺平_php从入门到精通视频教程第002讲html运行原理②html文件基本结构html元素和属性传智播客_韩顺平_php从入门到精通视频教程第003讲符号实体url说明超链接发送电邮传智播客_韩顺平_php从入门到精通视频教程第004讲图像表格实际应用-菜谱课…

    2022年10月29日
  • IIC软件协议及硬件知识汇总

    IIC软件协议及硬件知识汇总IIC软件协议及硬件相关知识,真的是非常齐全了!

  • 屏蔽自动更新描述文件(屏蔽描述文件)

    是不是应该说终于,是的。关于iOS屏蔽系统升级的描述文件在几个月前失效的事情大家都清楚了,苹果先是让描述文件失效,然后重新分享的屏蔽升级描述文件也相继的失效,之后也没有新的文件出来。之后是各种的sao操作出来,曲线饶了远路才能把iPhone晚上充电连着WIFI会自动升级的问题解决。有些方法还不能够完全解决问题,进行了屏蔽之后可能会让AppStore不能够进行正常的软件更新。之前修改WIFI,屏…

  • 第十一届GPCT杯大学生程序设计大赛完美闭幕

    第十一届GPCT杯大学生程序设计大赛完美闭幕

  • python爬虫常用库

    python爬虫常用库python爬虫常用库请求库:1.requests这个库是爬虫最常用的一个库2.SeleniumSelenium是一个自动化测试工具,利用它我们可以驱动浏览器执行特定的动作,如点击、下

  • 面向对象的学生信息管理系统_java面向对象学生管理系统

    面向对象的学生信息管理系统_java面向对象学生管理系统面向对象版-学员管理系统目标一.系统需求二.准备程序文件2.1分析2.2创建程序文件三.书写程序3.1student.py3.1.2程序代码3.2managerSystem.py3.2.1定义类3.2.2管理系统框架3.3main.py3.4定义系统功能函数3.4.1添加功能3.4.2删除学员3.4.3修改学员信息3.4.5查询学员信息3.4.6显示所有学员信息3.4.7保存学员信息3.4.8加载学员信息四.总结目标了解面向对象开发过程中类内部功能的分析方法了

发表回复

您的电子邮箱地址不会被公开。

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