axios詳細封裝

2021-09-29 09:12:40 字數 1669 閱讀 4211

我們採取封裝分類管理舉個栗子:

新建資料夾utils

裡面新建url.js

全站http的配置

/**

*全站http配置**

axios引數說明

*isserialize是否開啟form表單提交

*istoken是否需要token*/

;//新增乙個響應***

axios

.interceptors

.response

.use

(function

(response),

function

(error))

;export

default

axios

;

新建資料夾urbag.js裡面管理介面統計

export

const

longurl

='/api-uaa/oauth/user/token'

;

新建檔案user.js寫get或post方法

get和post的區別:

1.get是從伺服器上獲取資料,post是向伺服器傳送資料。

2.get安全性非常低,get設計成傳輸資料,一般都在位址列裡面可以看到,post安全性較高,post傳遞資料比較隱私,所以在位址列看不到, 如果沒有加密,他們安全級別都是一樣的,隨便乙個***都可以把所有的資料監聽到。

import

request

from

'@/utils/url';/

/post//

baseurl表示傳來伺服器,params表示提交的資料//

什麼時候用post獲取大斷的內容用

post,通常表單用

post

方式提交資料。

export

function

requestpost

(baseurl

,params))

}//get//

什麼時候用get:獲取資料時候

export

function

requestget

(baseurl

,params))

}

這樣就封裝好了:

怎麼呼叫我舉個栗子:

//先把封裝好的方法引進來

import

from

'@/utils/user'

import

from

'@/utils/urbag'

logclick()

).then

(res

=>

)}

ok這樣就是對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...

axios封裝使用

記錄專案中使用過的axios封裝,以便下次使用。import axios from axios 引用axios import from util util 引用剛才我們建立的util.js檔案,並使用getcookie方法 import qs from qs 很重要!過濾json格式化 axios ...

axios請求封裝

首先在vue專案下安裝axios以及支援非同步提示的iview元件庫 npm install axios npm install iview 在src資料夾下新建axios資料夾,在其中新建api.js用於存放介面,request.js用於封裝axios物件 編寫request.js 123 456...