axios封裝使用

記錄專案中使用過的axios封裝，以便下次使用。

import axios from 'axios' //引用axios

import  from '@/util/util' //引用剛才我們建立的util.js檔案，並使用getcookie方法
import qs from 'qs' //很重要！！過濾json格式化
// axios 配置
axios.defaults.timeout = 5000;
axios.defaults.baseurl = ''; //這是呼叫資料介面
// const usertoken = getcookie('user_token');
// http request ***，通過這個，我們就可以把cookie傳到後台
/*** fetch 請求方法
* @param url
* @param params
* @returns 
*/export
function fetch(url, params = {}) )
.then(response => )
.catch(err => )
})} 
/** * post 請求方法
* @param url
* @param data
* @returns 
*/export
function post(url, data = {}) , err => )
})} 
/** * patch 方法封裝
* @param url
* @param data
* @returns 
*/export
function patch(url, data = {}) , err => )
})} 
/** * put 方法封裝
* @param url
* @param data
* @returns 
*/export
function put(url, data = {}) , err => )
})}複製**

使用xhr封裝axios

btn1 按鈕1 button btn2 按鈕2 button obtn1 document.getelementbyid btn1 obtn2 document.getelementbyid btn2 function axios resolve response else 通常情況下 get d...

結合element UI封裝使用axios

server.js檔案 import axios from axios import store from store 引入store管理 import from element ui 引入element ui的庫檔案 const service axios.create service.inter...

axios的封裝和使用

響應 instance.interceptors.response.use res else err return promise.reject err mergeoptions options 真正傳送請求在這 request options 封裝get方法 get url,config 封裝po...