axios 預設配置選項 基礎版

2021-10-09 12:48:07 字數 1612 閱讀 4646

**怎麼寫:

// 簡單配置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...