最近在自己写的项目中遇到get带参数请求的axios封装，记录一下使用的方法.方便下次查看。
因为axios的post和get带参数的请求方法是不大一样的。
下面是post的参数请求
这个是get带参数的请求
由上面可以看出post和get带参数请求中两者的区别。
下图是调用带参数请求的方法。
其中params是一个对象，里面是你需要上传的参数，比如我这里需要上传的参数是page和limit
在请求的方法中可以获取到传过来的params对象
请求的url如下图
下面是其它的请求方法
import axios from 'axios'
//不懂axios可以看看官网
/*https://www.kancloud.cn/yunye/axios/234845*/
let base = '/hr'
// 带参数的post请求
function postRequest(url, params) {
return axios({
method: 'post',
url: `${base}${url}`,
data: params,
})
}
// 没有baseURL的不带参数的post请求
function postRequest0(url) {
return axios({
method: 'post',
url: `${url}`
})
}
// 不带参数的post请求
function postRequest1(url) {
return axios({
method: 'post',
url: `${base}${url}`
})
}
// 不带参数的get请求
function getRequest(url) {
return axios({
method: 'get',
url: `${base}${url}`
})
}
// 带参数的get请求
function getRequest1(url, params) {
let page = params.page
return axios({
method: 'get',
url: `${base}${url}`,
params: {
page: page,
limit: 6
}
})
}
// 不带参数的put请求
function putRequest(url) {
return axios({
method: 'put',
url: `${base}${url}`,
})
}
// 带参数的put请求
function putRequest1(url, params) {
return axios({
method: 'put',
url: `${base}${url}`,
data: params
})
}
export default {
postRequest0,
postRequest,
postRequest1,
getRequest,
getRequest1,
putRequest,
putRequest1
}版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
文章由极客之音整理，本文链接：https://www.bmabk.com/index.php/post/192773.html
