new error('伺服器發生未知錯誤')
})}// handle url
const geturl = (url) => $`
}// token header
export const gettokenheaders = () =>
}// common header
const getheaders = () =>
}export default
*@param headers
*@returns promise*/
get: function (url, params, headers = getheaders()) else
}const promise = fetch(geturl(url), )
return handleerror(promise)
},/** post請求 formdata 表單資料
*@param url
*@param formdata
*@param headers
*@returns promise*/
postform: function (url, formdata, headers = getheaders()) )
return handleerror(promise)
},/*** post 請求
*@param url
*@param params 引數,這裡的引數格式是:
*@param headers
*@returns promise* */
postjson: function (url, params, headers = getheaders()) )
return handleerror(promise)
},/*** patch 請求
*@param url
*@param params 引數,這裡的引數格式是:
*@param headers
*@returns promise* */
patchjson: function (url, params, headers = getheaders()) )
return handleerror(promise)
},}
// 比如新建services/home/index.js 資料夾
// you can override the default parameters.
import request, from '../../utils/request'
// 當然如果出現單個模組不一樣的網域名稱, 你也可以硬編碼不一樣的網域名稱位址
Fetch封裝方法
fetch是乙個與ajax請求功能相似的乙個請求介面,並且只有瀏覽器該方法。fetch的出現一方面是為了緩解原生xmlhttprequest實現起來比較雜亂的問題。下面是乙個例子 用xhr物件實現ajax請求 xhr.send 用fetch實現ajax請求 fetch url,then res th...
封裝 原生 fetch
fetch方法是 fetch api的乙個方法,提供了一種簡單 合理的方式來跨網路非同步獲取資源。與原來的xmlhttprequest比較,fetch更容易與其他的技術結合 比如service workers。還提供了單個邏輯位置來定義其他http相關概念,例如cors和http的擴充套件。預設情況...
封裝axios和fetch方法
比較兩種請求方式 3.比較fetch和axios fetch並沒有進行封裝,拿到就是格式化後的資料 3.更多詳情請參考 axios和fetch請求詳解 axios封裝 封裝一下axios 它是乙個函式,因為它要攜帶引數 function request then res resolve res ca...