react链接本地接口测试前后端跨域解决详细步骤,fiddler使用步骤

可能大家的文件结构不一样,但是大致都是差不多的

第一步:在react中配置访问本地后台的链接

react链接本地接口测试前后端跨域解决详细步骤,fiddler使用步骤_第1张图片

第二步:使用Fiddler工具来配置端口映射

以下是完整的地址链接,可下载直接安装

链接: https://pan.baidu.com/s/1Hrwm8iTDlshGBlFKoAwoGQ 提取码: hc4b 

react链接本地接口测试前后端跨域解决详细步骤,fiddler使用步骤_第2张图片

安装成功之后,会有一颗树的按钮

react链接本地接口测试前后端跨域解决详细步骤,fiddler使用步骤_第3张图片

第三步:注意这里的本地ip不能使用127.0.0.1,否则会映射失败

配置:Host List

react链接本地接口测试前后端跨域解决详细步骤,fiddler使用步骤_第4张图片

配置Extention:前端完整链接就是react中配置的完整链接,见第一张截图

react链接本地接口测试前后端跨域解决详细步骤,fiddler使用步骤_第5张图片

第五步:启动后台服务器,启动filder,启动react,即可本地访问后台接口,方便本地测试。

 

你可能感兴趣的:(react学习笔记)