React配置代理

作者&投稿:茆旺 (若有异议请与网页底部的电邮联系)
~

俩点注,以下配置方法等同:
1注:例如后端接口地址是 http://127.0.0.1:5000/searchAllTable ,经过上述配置以后前端访问就变成 http://127.0.0.1:5000/api/searchAllTable ,就是说前端写访问api的时候需要向后端提供的地址加一个/api,然后经过{"pathRewrite":{"^api": "/"}}这个属性的重写路径配置,实际访问地址就还是后端提供接口的实际路径 http://127.0.0.1:5000/searchAllTable
2注:注意这个pathRewrite,如果不配置,访问和实际地址就都是 http://127.0.0.1:5000/api/searchAllTable ,后端访问接口地址也是这样的路径,如果配置了,那就注意一下自己重写后的访问地址。

如果配置成这样,启动react项目访问就会有如下的错误:

经过查看源码发现:

这里好像只能使用createProxyMiddleware,于是配置修改如下:

重启项目,问题得到解决!

经过上述的一步步调试,终于跨域问题得到解决,心累。。。
在配置代理的过程中,发生拒绝连接请求,我一直以为setupProxy.js与我项目中的config-overrides.js(一个按需导入antd组件库的配置文件)发生冲突,于是我把代理配置也尝试的配到config-overrides.js中,结果,项目是正常了,跨域还是没有解决,于是就到处出找资料查阅,终于啊,皇天不负有心人,问题得到了解决,我的心灵得到升华....




flash怎么制作轮播图片素材flash怎么制作轮播图片素材视频
●2.模块和基本配置 ●3.正向反向代理等应用场景 12.Docker ●1.Docker介绍和安装 ●2.Dockerfile ●3.存储和镜像仓库 ●4.Dock实战 13.单元测试 ●1.测试用例和需求分析 ●2.单元测试框架mocha\/ava ●3.自动化测试之selenium 14.集群和负载均衡 ●1.cluster的工作原理和负载均衡算法 ●2.pm2工具 15.前端...

怎么投诉snb-react这个机构
广州某某某知识产权代理有限公司”就是所谓的“SNB-REACT非盈利组织”。其招聘信息说明“React”在中国的分公司(React China)位于广州越秀,为客户提供海关备案、网络监控、实地调查、打假行动、法律诉讼等一系列全方位的服务

请问,Java网络面授直播班如何有没有人去学习过
162. Jsoup 网络爬虫(多线程爬虫\/代理 IP 爬虫) 163.线程池 164. IK 中文分词 165. Postman 166. ReactJS 167. webpack 168. 职场晋升力:简历撰写 169. 程序猿面试宝典之项目面试 170.大型互联网旅游电商项目实战-爱旅行 第五阶段: 分布式微服架构开发 171. Spring Boot 环境搭建 172. Spring Boot 常用技能...

web前端开发需要哪些工具?
Web前端是一个新兴职业,市场需求大,薪资待遇高,吸引了很多人加入学习。无论是初学小白亦或是自身前端开发人员,好用的软件工具可以帮助他们更好的工作。今天千锋武汉给大家分享一下Web前端开发用什么软件。1、Sublime Text Sublime Text是一个代码编辑器也是HTML和散文先进的文本编辑器。漂亮的用户界面和...

react native win10 怎样安装
devices,可查看设备是否接入成功。安卓系统版本大于5.0的直接执行:adb reverse tcp:8081 tcp:8081,实现端口代理配置。【小于5.0参考】cd至刚才初始化成功的项目目录下,执行:react-native run-android,初次执行react-native需要下载一些文件等,编译完成后会自动一个以你的项目命名的APP至你的手机上。

java培训主要学什么?
java培训主要学习认识计算机的基本知识。如需学习java推荐选择【达内教育】,该机构致力于面向IT互联网行业,网络营销工程师、会计等职场人才,拥有行业内完善的教研团队,强大的师资力量,确保学员利益,全方位保障学员学习。java培训主要学的具体如下:1、【Java语言基础知识】的学习与应用,掌握常见的数据...

迪庆藏族自治州17783923758: 前端微服务设计 -
邴素乳泉: 近些年,前端发展呈百家争鸣式发展,框架层出不穷,版本更是迭代不穷,难免会出现前端项目技术栈不统一、所用框架版本不统一的情况. 如若某些项目,没有新的功能加入,又能线上稳定运行,但其技术...

迪庆藏族自治州17783923758: 如何在 React Native 中写一个自定义模块 -
邴素乳泉: npm 使用介绍npm Node.js 模块安装 Node.js 默认安装 npm终端使用命令查看 npm 版本:npm -v升级 npm:sudo npm install npm -g安装模块(安装完毕产node_modules目录其目录安装各node模块):npm install 查看 npm 配置:npm config list...

迪庆藏族自治州17783923758: 麂子肉怎么吃
邴素乳泉: 如果是新鲜的麂子肉,可以和猪肉、牛羊肉一样做.如果是腌制的,洗净后可蒸、可煮,其实没有专门的吃法,你就当狗肉吃也是一样的,只是麂子肉质纤维比家畜的肉质纤维粗一些,野味嘛,吃的就是那种感觉,呵呵

迪庆藏族自治州17783923758:  4个月婴儿发烧38.3度,请问该如何退烧啊?我都快急死啦,又不?
邴素乳泉: 低烧,可以多喝水,物理降温,贴降温贴,用温水擦身的,好好休息一下的,三十八度五以上就是高烧的,要吃退烧药.美林安全放心些的.高烧不退的话就最好要赶紧去医院检查一下,对症治疗的了.

迪庆藏族自治州17783923758: jsbundle是什么文件
邴素乳泉: jsbundle是:React Native JSBUNDLE文件.React Native是由Facebook,Inc.创建的一个开源移动应用程序框架.如果想打开一个jsbundle的文件,需要安装适当的应用程序.如果jsbundle文件关联设置不正确,可能会收到以下错误信息:视窗无法打开此文件example.jsbundle.

迪庆藏族自治州17783923758: 老人不记得现在的事过会又记得了是什么?老人不记得现在的事过会又记
邴素乳泉: 你好,老人已经90岁了,记忆减退是很自然的事情,人终究是会老的,在保养的好,也会出现皱纹,所以再保养的好,也会记忆力减退,而老人老年性痴呆,最明显的特点就是以前的事情记得,而刚发生的事情却忘了, 经常和老人聊天,让老人经常看看新闻,多去散步,多交流,这样会延缓这样的发展

迪庆藏族自治州17783923758: 深圳华侨大厦酒店香港人能否入住?????!????????????
邴素乳泉: 肯定能住了,不过酒店很差

迪庆藏族自治州17783923758: 请问涂什么能缓解疼痛?
邴素乳泉: 大家可能都试过很多相应的缓解疼痛的方法,比如大家所说的清水、酒精、冰镇橙汁等等,个人的方法是牙膏涂抹手指,相对来说会环节暂时的灼烧感.其实切辣椒如果怕出现手指灼烧感,建议预防为主,可以在切是避免辣椒汁残留到手指上或者直接带手套切会好一些.(个人观点,仅供参考)@深圳神源医院

迪庆藏族自治州17783923758: 三里人家青汁真的可以减肥吗
邴素乳泉: 三里人家青汁可以起到清肠排毒的作用,不猛烈,长期坚持有效.而且代替1-2顿正餐,通过饱腹感来减少食量从而达到瘦身效果.

迪庆藏族自治州17783923758: 酒醉后如何调理
邴素乳泉: 醉酒后,为尽快恢复良好的精神状态,减少酒精对身体造成的不良影响,需要适当地进行调理.醉酒后的调理可在药物和饮食上进行. 醉酒后的药物调理 醉酒后的次日经...

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 星空见康网