react 解决跨域问题

react 仅仅关注数据本身,没有发起网络请求的功能,需要借助 ajax 发起数据请求,推荐使用 axios

使用 react 做开发,开放模式往往是前后端分离,如果后端没有配置允许跨域,这时从一个端口访问另一个端口的数据是不允许的。

通过 package.json 配置代理

需要在 package.json 中添加 proxy 节点,如下代码所示:

{
   
  // 其他配置项......
	"proxy": "http://localhost:5000"
}

上面代码配置了当前项目访问时,将通过一个中间代理访问到 localhost 5000 端口

原理图如下:

  • 4
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 6
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 6
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值