// 配置axios 使用配置好的axios發請求
// 處理js最大安全數值 在每次請求攜帶token 響應後獲取有效資料 響應失敗token失效（todo）
// 匯出乙個發請求的工具函式
import axios from 『axios』
import jsonbigint from 『json-bigint』
import store from 『@/store』}})
// 重新整理成功
// 1. 更新vuex中token和本地儲存的token
store.commit(『setuser』, )
// 2. 把原本失敗的請求繼續傳送出去
// 2.1 發請求 使用instance傳送
// 2.2 傳入 原本失敗的請求的配置
// 2.3 最終**：instance(原本失敗的請求的配置) err.config
// 2.4 instance(err.config) 給當前的錯誤攔截函式
return instance(err.config)
} catch (e)
}return promise.reject(err)
})// 請求攔截 在每次請求頭中攜帶token
instance.interceptors.request.use(config =>
}return config
}, err => promise.reject(err))
// 響應攔截 響應後獲取有效資料
instance.interceptors.response.use(res => catch (e)
}, err => promise.reject(err))
// 匯出乙個使用配置好的axios來發請求的函式
// 請求位址 url 請求方式 methdo 傳參 data
export default (url, method, data) => 請求頭傳參
url,
method,
// 當請求方式是get 是params來傳參
// 其他請求方式 是data來傳參
// 動態插入 屬性 params|data
// 寫任意表示式 返回結果一定要是字串型別
// 不夠嚴謹：使用者傳入請求方式 get get get
[method.tolowercase() === 『get』 ? 『params』 : 『data』]: data})}
axios 請求與封裝
get請求的兩種方法 from data 表單提交 上傳 檔案上傳 let data axios.post post data then res axios then res from data 表單提交 let formdata new formdata for let key in data a...
axios的例項與模組封裝
在專案中可能會出現傳送多個資料，而這些資料可能存在某些相同的配置，這種情況下需要使用axios的全域性配置。但是，也有可能出現某些配置相同，而某些配置不相同，這時就需要使用axios的例項 建立axios的例項時需要使用 axios.create 函式，引數對物件型別，將配置相同的屬性放入其中。當傳...
Axios封裝與父 子元件
全域性設定網路超時 axios.defaults.timeout 10000 設定請求頭資訊 axios.defaults.headers.post content type axios.defaults.headers.put content type axios.interceptors.req...