axios配置

最新推荐文章于 2024-07-04 15:37:08 发布

原创最新推荐文章于 2024-07-04 15:37:08 发布 · 695 阅读

CC 4.0 BY-SA版权

本文阐述了使用Axios库发送GET和POST请求的方法，包括参数处理与默认配置设定。同时，介绍了Axios的全局配置选项，如设置基础URL、添加授权头及定义Content-Type。

1.axios发送get和post请求两种方法
（1）get请求
getArticleList: (params, limit = 20) => {
return axios.get(
http://192.168.101.146:8083/guoyuan/h5/wscn-articles?limit=${limit}&category=${params}
).then(res => Promise.resolve(res.data))
}
这里的limit=20是默认的配置，在调用时limit值可传可不传
getRealtimeMessage({ limit = 20,params }) {
return service.get(/api/messages/live, {
params: {
limit,
params
}
})
}
（2）post请求
getArticleList: (params, limit = 20) => {
return axios.post(
http://192.168.101.146:8083/guoyuan/h5/wscn-articles?limit=${limit}&category=${params}，{
params：‘params’,
}
).then(res => Promise.resolve(res.data))
}
2.axios全局配置
axios.defaults.baseURL = ‘https://api.example.com’;
axios.defaults.headers.common[‘Authorization’] = AUTH_TOKEN;
axios.defaults.headers.post[‘Content-Type’] = ‘application/x-www-form-urlencoded’;