本节介绍下React+Axios实现远程数据请求
这里注意:axios是一个独立程序,本质就是对AJAX的封装,可以和很多框架结合使用。
(1)安装依赖
>npm i axios --save
(2)引入使用
建议在componentDidMount生命周期函数里进行数据请求,这里我们结合json-server进行本地服务的数据模拟,也可以在本地的工程化项目里设置跨域处理。
参见文章React项目跨域处理(两种方案)和json-server模拟服务器API .这里我们采用比较简单的方式,结合http-proxy-middleware第三方依赖中间件处理跨域问题需要配合express搭建服务器。
这里我们使用比较简单的方式,直接在package.json配置proxy,如下所示
.