續axios封裝後加入請求攔截和響應攔截

2021-10-06 21:23:04 字數 653 閱讀 2038

上篇文章發布了axios封裝的方法

本篇分享axios攔截,跨域在下一章

直接上整個request.js檔案的**

import axios from 'axios'

/* api封裝 */

/* get方法 */

var get = function (url, data = "") ).then(response => ).catch(error => )

})}/* post方法 */

var post = function (url, data = "") ).then(response => ).catch(error => )

})}/* *** */

/* 請求攔截 */

axios.interceptors.request.use(

config => ,

error =>

);/* 響應攔截 */

axios.interceptors.response.use(

response => else

},error =>

})export

格式基本上是固定的,詳情可以去參考axios官方文件

axios請求封裝

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

axios請求封裝

axios請求封裝 新建http.js import axios from axios 匯入axios import router from router 匯入路由 import qs from qs import from element ui 匯入element ui const configb...

axios 請求與封裝

get請求的兩種方法 from data 表單提交 上傳 檔案上傳 let data axios.post post data then res axios then res from data 表單提交 let formdata new formdata for let key in data a...