[TOC] #### 封裝Axios請求 ~~~ import axios from 'axios' /** * * @param url 請求url * @param params 請求參數 * @param type 請求類型 * @returns {Promise<any>} 返回Promise對象 */ export default function ajax(url = '', params = {}, type = 'GET') { let promise; return new Promise((resolve, reject) => { // 判斷請求類型 if (type === 'GET') { let paramStr = ''; // {id:1, name: '張三', age: 18} // [id, name, age] Object.keys(params).forEach(key => { // id=1&name=張三&age=18& paramStr += key + '=' + params[key] + '&' }) // 截取最后一位&符 if (paramStr.length > 0 ) { // id=1&name=張三&age=18 paramStr = paramStr.substring(0, paramStr.lastIndexOf('&')) } // 拼接最終url http://localhost/?id=1&name=張三&age=18 url += '?' + paramStr; // 發送 get 請求 promise = axios.get(url) } else if (type === 'POST') { promise = axios.post(url) } // 返回請求體 promise.then(res => { resolve(res.data) }) .catch(err => { reject('服務端異常，請聯系后臺管理員' + err) }) }) } ~~~ ***** #### 進行調用 ~~~ import ajax from './ajax' // 獲取首頁banner數據 export const getHomeBanner = () => ajax('/api/getBanner'); ~~~