详解Vue中AXIOS的封装
更新时间：2022年01月11日 08:39:13 作者：董姐最美
这篇文章主要为大家介绍了Vue中AXIOS的封装，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能够给你带来帮助
单独建一个network文件
建立一个network.js
创建
import axios from 'axios';
export function request1(config)
{
const instance = axios.create({
baseURL: baseURL.url1,
timeout: 5000
})
return instance(config)
}
export function request2(config){
const instance = axios.create({
baseURL: baseURL.url2,
timeout: 5000
})
return instance(config)
}
使用
request1.get({
url: 'http://'
}).then(
res=>{
}
);
request1.post({
url: 'http://',
data: {
}
}).then(
res=>{
}
);
axios拦截器
请求拦截器
export function request1(config)
{
const instance = axios.create({
baseURL: baseURL.url1,
timeout: 5000
})
instance.intercept.request.use(config=>{
console.log(config); //输出的是配置的对象
return config
},error => {
})
return instance(config);
}
总结
本篇文章就到这里了，希望能够给你带来帮助，也希望您能够多多关注脚本之家的更多内容!
相关文章
这篇文章主要为大家介绍了Vue cli3 chainWepack使用方法示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪2023-11-11
这篇文章主要为大家详细介绍了vue实现移动端悬浮窗效果，vuejs实现div拖拽移动，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2018-12-12
这篇文章主要为大家介绍了flutter使用tauri实现一个一键视频转4K软件详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-09-09
这篇文章主要介绍了Vue搭建后台系统需要做的几点，文中给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下2019-11-11
这篇文章主要介绍了vue面试之new Vue的时候到底做了什么原理及vue加载流程，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-05-05
大前端代码重构之事件拦截iOS Flutter Vue示例分析
这篇文章主要为大家介绍了大前端代码重构之事件拦截iOS Flutter Vue示例分析，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-04-04
布局是中大型网站或应用的基础,假设你正在创建一个网页应用,它包括主页、营销页面和应用页面,你不会想要为每一页重复所有的工作,对吧,与Nuxt不同,Vue 3并没有内置的布局系统,但是别担心,这里将向你展示3种简单的方法来实现这一点,需要的朋友可以参考下2023-08-08
解决Vue-Router升级导致的Uncaught (in promise)问题
这篇文章主要介绍了解决Vue-Router升级导致的Uncaught (in promise)问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-08-08
这篇文章主要为大家详细介绍了Vue如何利用高德地图API实现实时天气,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下2023-12-12
这篇文章主要介绍了vue-cli脚手架的.babelrc文件用法说明，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-09-09
最新评论