React之Axios请求远程数据

本节介绍下React+Axios实现远程数据请求

这里注意：axios是一个独立程序，本质就是对AJAX的封装，可以和很多框架结合使用。

（1）安装依赖

>npm i axios --save

（2）引入使用

　　建议在componentDidMount生命周期函数里进行数据请求，这里我们结合json-server进行本地服务的数据模拟，也可以在本地的工程化项目里设置跨域处理。

　　参见文章React项目跨域处理（两种方案）和json-server模拟服务器API .这里我们采用比较简单的方式，结合http-proxy-middleware第三方依赖中间件处理跨域问题需要配合express搭建服务器。

　　这里我们使用比较简单的方式，直接在package.json配置proxy，如下所示

.