基於Fetch封裝Requst工具類

2021-08-18 11:16:58 字數 2494 閱讀 9547

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...