react native的網(wǎng)絡(luò)請求推薦使用axios和fetch 兩種方式，當(dāng)前闡述的是axios

1.安裝axios

yarn add react-native-axios

2.創(chuàng)建一個js,進(jìn)行基本的配置

let instance = axios.create({baseURL: 'https://some-domain.com/api/',timeout: 1000,headers: {'X-Custom-Header': 'foobar'}
withCredentials:true });

baseURL：設(shè)置相對應(yīng)的baseURL來傳遞URL

timeout：設(shè)置超時

withCredentials: 允許cookie

Headers：設(shè)置頭部信息

method：設(shè)置請求方式（常見的有g(shù)et，post，put，patch，delect）

responseType：設(shè)置接受的類型

?

3.攔截器

instance.interceptors.request.use(function (config) {const secretKey = getSecretKey()if (secretKey) { // 登錄之后 store.getters.tokenconfig.headers['secret-key'] = secretKey} else {config.headers['action-key'] = getExternalKey()}return config }, function (error) {return Promise.reject(error); }); let alert = false; // 響應(yīng) instance.interceptors.response.use(response => {// 根據(jù)狀態(tài)碼做相應(yīng)的事情const res = response.dataif (res.code === 1 && res.showMsg === true) { // 成功showToast(res.message,1500);}if (res.code === -2 && res.showMsg === true) { // 錯誤showToast(res.message,3000);}if (res.code === 2) { // 警告showToast(res.message,3000);}if (res.code === 1003) { // 權(quán)限不足 的情況showToast('賬號權(quán)限不足！',2500);}if (res.code === 1004 && !alert) { // 獲取不到用戶信息 或 登錄錯誤alert = trueshowToast('登錄失敗！',2500);}console.log(res);return res }, (error) => {showToast('出錯了！請稍后再試！',5000);return Promise.reject(error); })

注：在react native IOS版本下無toast，自己手動安裝

yarn add react-native-easy-toast

?

轉(zhuǎn)載于:https://www.cnblogs.com/xx929/p/10174607.html

總結(jié)

以上是生活随笔為你收集整理的react native 网络请求 axios的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。