# AJAX 對于ajax而言，我們可以在componentWillMount 生命周期或者componentDidMount 進行。**建議采用componentDidMount **因為以后大家有機會接觸 React-Native的話是沒有componentWillMount 這個生命周期的。 ## 代理 ~~~ devServer: { open:true, port:3000, hot:true, proxy:{ //開啟代理 '/api':{//請求地址以 /api開始 才走代理 target:'http://www.520it.com',//真實的請求地址服務器 pathRewrite:{'^/api':''} } } } ~~~ ## 在Life組件中使用添加生命周期進行ajax ~~~ async componentDidMount() { let res = await fetch('/api/ke/js/data.json') let data = await res.json(); console.log(data); } ~~~ 打印結果 ``` {types: Array(4), teacher: Array(10), video: Array(272), banner: Array(3)} ``` 看到下面的效果說明數據已經獲取成功。