react 仅仅关注数据本身,没有发起网络请求的功能,需要借助 ajax 发起数据请求,推荐使用 axios
使用 react 做开发,开放模式往往是前后端分离,如果后端没有配置允许跨域,这时从一个端口访问另一个端口的数据是不允许的。
通过 package.json
配置代理
需要在 package.json 中添加 proxy
节点,如下代码所示:
{
// 其他配置项......
"proxy": "http://localhost:5000"
}
上面代码配置了当前项目访问时,将通过一个中间代理访问到 localhost 5000 端口
原理图如下:
发起请求的 react 代码:
服务器的地址为:http://localhost:5000
</