澶辨晥閾炬帴澶勭悊 |
鍩轟簬Promise鐨凙xios HTTP搴撹瑙e強搴旂敤瀹炶返-鎺屾彙API璇鋒眰鐨勬渶浣?jīng)_伐鍏?PDF 涓嬭澆
鐩稿叧鎴浘錛?/strong>
![]()
涓昏鍐呭錛?/strong>
axios
1. axios鏄竴涓熀浜?/span>Promise鐨?/span>HTTP搴?/span>
2. 浣跨敤Promise鏉ュ鐞嗗紓姝ユ搷浣?/span>
3. 瀹夎鏂規(guī)硶錛?/span>
axios璇鋒眰鏂瑰紡
1. axios(config) 璇鋒眰鏂瑰紡
2. axios.request(config) 璇鋒眰鏂瑰紡
3. axios.get(url[, config]) 璇鋒眰鏂瑰紡
4. axios.delete(url[, config]) 璇鋒眰鏂瑰紡
5. axios.head(url[, config]) 璇鋒眰鏂瑰紡
6. axios.post(url[, data[, config]) 璇鋒眰鏂瑰紡
7. axios.put(url[, data[ config]) 璇鋒眰鏂瑰紡
8. axios.patch(url[, data[, config]) 璇鋒眰鏂瑰紡
鍙戦€佸茍鍙戣姹?/strong>
1. 鏈夋椂鍊欙紝鍙兘浼氶亣鍒伴渶瑕佸悓鏃跺彂閫佷袱涓垨鏇村璇鋒眰
1. 浣跨敤axios.all()鏂規(guī)硶錛屽彲浠ユ斁鍏ュ涓姹傜殑鏁扮粍
2. axios.all([])榪斿洖鐨勭粨鏋滄槸涓€涓暟緇?/strong>
浣跨敤axios.spread()鏂規(guī)硶鍙皢鏁扮粍[res1, res2]灞曞紑涓?/span>res1錛?/span>res2
鐩存帴浣跨敤鏁扮粍绱㈠紩鐨勬柟寮忓彇鍑猴紙甯哥敤錛?/span>
axios鐨勯粯璁ら厤緗笌甯歌閰嶇疆閫夐」
1. axios甯歌鐨勯厤緗€夐」
1. 璇鋒眰鍦板潃錛?nbsp;url: '/user'
2. 璇鋒眰綾誨瀷錛?nbsp;method: 'get'
3. 璇鋒牴璺緞錛?nbsp;baseURL: 'http://www.mt.com/api'
4. 璇鋒眰鍙傛暟錛?/span>get璇鋒眰-URL鏌ヨ瀵硅薄錛夛細 params: {id: 12}
褰撹姹傜被鍨嬩負get鏃訛紝灝嗘煡璇㈠璞′腑鐨勫睘鎬у拰灞炴€у€間互"?"寮€澶存嫾鎺ュ湪url涔嬪悗
5. 鏌ヨ瀵硅薄搴忓垪鍖栧嚱鏁幫細 paramsSerializer: function(params){ }
6. 璇鋒眰鍙傛暟錛?/span>post璇鋒眰錛夛細 data: {key: 'aa'}
褰撹姹傜被鍨嬩負post鏃訛紝闇€瑕佺敤璇ラ厤緗紶閫掑睘鎬?/span>
7. 璺ㄥ煙鏄惁甯?/span>Token錛?nbsp;withCredentials: false
8. 瓚呮椂璁劇疆錛?nbsp;timeout: 1000
9. 璇鋒眰鍓嶇殑鍏ュ弬澶勭悊錛?nbsp;transformRequest: [ (data) => {} ]
10. 璇鋒眰鍚庣殑鍥炲弬澶勭悊錛?nbsp;transformResponse: [function(data){}]
npm install axios
|