简介
vui-request是一个基于axios封装的vue.js请求库，适用于vue.js项目的前端请求。它提供了易于使用的API以及许多有用的功能，如取消请求、请求拦截器和响应拦截器等。
安装
在vue.js项目中安装vui-request：
npm install vui-request --save
或者使用yarn：
yarn add vui-request
在vue项目中引入和使用vui-request：
-- -------------------- ---- ------- ------ --- ---- ----- ------ ---------- ---- ------------- -- ------- ------------------------------------------ -- - ------------------- ------ ------ -- ----- -- - ------ --------------------- -- -- ------- --------------------------------------------- -- - ------------------- ------ -------- -- ----- -- - ------ --------------------- -- ------------------- - ----------
使用
使用vui-request发送get请求：
-- -------------------- ---- -------
--------------------------- -
------- -
------- ---
-
---------------- -- -
--------------------------
-------------- -- -
------------------
---使用vui-request发送post请求：
this.$http.post('/api/user', {
userId: '1',
userName: 'vui'
}).then(response => {
console.log(response.data)
}).catch(error => {
console.log(error)
});使用vui-request取消请求：
-- -------------------- ---- -------
-- ---------- -----
----- ----------- - -------------------------------
-- -------------- -----
--------------------------- -
------------ -----------------
---------------- -- -
--------------------------
-------------- -- -
-- ---------------------------- -
--------------------
- ---- -
------------------
-
--
-- ----
---------------------------API
vuiRequest(config)
发送请求。
config: 请求配置，包括以下选项：url: 请求URL。method: 请求方法，默认为"get"。baseURL: 请求URL的基础路径。params: 请求参数，可为对象或URLSearchParams，将被转换为查询字符串。data: 请求数据，在config.method不为get的情况下使用。timeout: 请求超时时间（毫秒）。headers: 请求头。cancelToken: 取消请求的Token。
vuiRequest.get(url[, config])
发送get请求。
vuiRequest.post(url[, data[, config]])
发送post请求。
vuiRequest.request(config)
发送请求。
vuiRequest.CancelToken
创建一个CancelToken实例。
vuiRequest.isCancel(value)
检查一个值是否为Cancel。
结语
vui-request是一个非常有用的请求库，可以简化vue.js项目中的请求代码，并提供许多有用的功能。希望本篇文章对你有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005568981e8991b448d3520