vue 中的 axios分裝

2022-07-27 20:36:18 字數 1502 閱讀 3661

封裝:

新增到自己能找到的地方  使用api.js需要呼叫http.js

import axios from

'axios

'axios.defaults.baseurl="

"axios.defaults.timeout = 1000000;

axios.defaults.headers.post[

'content-type

'] = '';

axios.defaults.headers.put[

'content-type

'] = '';

axios.interceptors.request.use(

config =>

return

config;

},

error =>)

axios.interceptors.response.use(

//請求成功

res => res.status === 200? promise.resolve(res) : promise.reject(res),

//請求失敗

error =>)

window.location.href="

"}else

//請求已發出,但是不在2xx的範圍

} else

});//封裝xiaos請求 封裝axios裡的get

匯出使用:

drf_gnfggbh_put:

可以自己定義

axios_put: 

用的是哪個方法

對應的是後端的url

vue中axios的封裝

cnpm install axios s 第二步建立乙個htttp.js response 從哪個頁面跳轉 return response error 封裝get方法 param url param data returns export function fetch url,params then...

vue中axios的封裝

先安裝 axios npm install axiosaxios的詳細介紹以及用法 就不多說了請 移步 github 下面是簡單的封裝乙個 http.js,在此說明 checkstatus 這個方法呢 是不一定需要的 根據個人的專案需求吧,也可以直接返回response,交給後面另行處理也行。或者根...

Vue中axios的封裝

npm install axios 命令列安裝axios 首先,新建乙個js檔案用於引入axios。比如說,新建乙個http.js檔案,在檔案中引入步驟如下所示 import qs from qs 引入qs模組,為post型資料提供序列化 非常重要 import from vant 設定請求超時 a...