**怎麼寫:
// 簡單配置axios
import axios from
'axios'
// 預設配置 基準位址
axios.defaults.baseurl =
''// 預設配置 請求頭攜帶token
現象:
方案:把main.js進行axios配置,封裝到了api/index.js
// 負責 全域性配置axios 提供乙個配置好的axios即可。
import axios from
'axios'
import store from
'@/store'
// 預設配置1 基準位址
axios.defaults.baseurl =
''// 預設配置2 請求頭攜帶token
// 新增請求*** 分析
axios.interceptors.request.
use(
function
(config)
,function
(error)
);
實現功能:api/index.js
// 配置乙個請求***(在每次請求的頭部加上乙個token)
// 每次傳送請求之前 執行***
axios.interceptors.request.
use(
(config)
=>
,(err)
=>
)
當你每一次發後端給了響應:
// 新增響應***
axios.interceptors.response.
use(
function
(response)
,function
(error)
);
實現功能:api/index.js
// 配置乙個響應***(在每次響應失敗的時候判斷token是否失效)
axios.interceptors.response.
use(res => res, err =>
return promise.
reject
(err)
})
流程補充:
axios 預設配置和例項配置
在axios配置中存在baseurl,header等配置,每次做的axios時,不一定所有的配置都要自己寫,這時候要做乙個預設值,例如 axios.defaults.baseurl http localhost 8080 之後呼叫如下post方法,請求的介面位址就是 http localhost 8...
axios全域性配置
axios的全域性配置 有時候,我們在乙個專案中需要傳送多個請求,到那時這些請求的配置內容大部分是一樣的,如url相同,只不過傳送的資料不同,比如,post請求時,請求頭等資訊都是不變的 此時,我們就需要反覆的書寫這些相同的配置,為了解決這些問題,我們引入了axios全域性預設配置 示例 axios...
axios基礎封裝
script新建axios資料夾,新建index.js fetch.js fetch.js如下 index.js如下 引入fetch.js檔案 import from fetch 定義獲取資料的函式getdata 其中url,type,data對應fetch config 中的config expo...