react(33)——在脚手架中引入axios,在package.json中配置“proxy“的作用

react在脚手架中如何引入axios

  1. 在终端中进入该脚手架
  2. 输入npm add axios 在这里插入图片描述
  3. 在想要使用axios的组件中import axios
    在这里插入图片描述

在react脚手架中配置proxy有什么作用

proxy是代理的意思
在这里插入图片描述

  1. 使用脚手架react界面发送axios请求可能会遇到跨域问题。
  2. 配置proxy,值为想要访问的服务器端口。
  3. 在之后访问服务写URL地址时,可以直接写脚手架的地址。
    (1)如果脚手架中找到了该文件,则返回脚手架中的文件。
    (2)如果教授家中没有找到该文件,则去proxy所配置的路径中寻找文件,且能解决跨域的问题。
  4. 例如,我脚手架运行在3001端口,去访问本机3000端口的posts,当我配置了proxy之后,可以将路径写成3001端口的posts。这样即使3001端口没有posts,也可以访问到3000端口的posts。

                
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

木子 旭

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值