axios 基本用法 簡單的封裝

2021-09-28 23:09:30 字數 1693 閱讀 7291

utils下的request.js檔案配置

import axios from

'axios'

/* axios預設配置 */

// axios.defaults.baseurl = ''; //後端介面協議和網域名稱還有埠

/* axios.get('/login') + baseurl 等價下面的

axios.get(''/login)

*/// axios.defaults.headers.common['authorization'] = auth_token;

axios.defaults.headers.post[

'content-type']=

;axios.

create()

const request =()

=>

axios()

.then

(res =>

resolve

(res)).

catch

(err =>

reject

(err)

)break

;case

'put'

||'put'

:axios()

.then

(res =>

resolve

(res)).

catch

(err => console.

log(err)

)break

;case

'delete'

||'delete'

:axios()

.then

(res =>

resolve

(res)).

catch

(err => console.

log(err)

)break

;default

:axios()

.then

(res =>

resolve

(res)).

catch

(err =>

reject

(err)

)break;}

/* axios攔截

1. 攔截使用者無登入操作,使用者不登入那麼久無法進入專案

2. 常用的效果: loading

*/axios.interceptors.request.

use(

function

(config)

,function

(error));

axios.interceptors.response.

use(

function

(response)

,function

(error));

})}export

default request

//統一設定post請求頭和baseurl

;

完結

axios 簡單封裝

參考文件 建立乙個http.js檔案 import axios from axios import from vant 環境的切換 if process.env.node env development else if process.env.node env debug else if proce...

axios基本用法

vue更新到2.0之後,作者就宣告不再對vue resource更新,而是推薦的axios,前一段時間用了一下,現在說一下它的基本用法。首先就是引入axios,如果你使用es6,只需要安裝axios模組之後 import axios from axios 安裝方法 npm install axios...

axios基本用法

vue更新到2.0之後,作者就宣告不再對vue resource更新,而是推薦的axios,前一段時間用了一下,現在說一下它的基本用法。首先就是引入axios,如果你使用es6,只需要安裝axios模組之後 import axios from axios 安裝方法 npm install axios...