配置参数

---

除了 axios 提供的默认 请求配置, vue-axios-plugin 也提供了 request/response 拦截器配置，如下:

| 参数名 | 类型 | 默认值 | 描述 |

| — | — | — | — |

| reqHandleFunc | {Function} | config => config | 请求发起前的拦截处理函数 |

| reqErrorFunc | {Function} | error => Promise.reject(error) | 处理请求错误的函数 |

| resHandleFunc | {Function} | response => response | 响应数据处理函数 |

| resErrorFunc | {Function} | error => Promise.reject(error) | 响应错误处理函数 |

示例

–

在 Vue 组件上添加了 $http 属性, 它默认提供 get 和 post 方法，使用如下:

this.$http.get(url, data, options).then((response) => {

console.log(response)

})

this.$http.post(url, data, options).then((response) => {

console.log(response)

})

你也可以通过 this.$axios 来使用 axios 所有的 api 方法，如下：

this.$axios.get(url, data, options).then((response) => {

console.log(response)

})

this.$axios.post(url, data, options).then((response) => {

console.log(response)

})

每个请求方法可以传入三个参数，第一个参数url多接口地址，第二参数是接口请求参数。那么，第三个参数是干什么用的呢？

如果一个项目当中，需要配置多个请求接口的话，该如何做呢？

如果使用vue-axios-plugin插件的话，会很方便的解决这个问题，这个时候就需要用到请求方法的第三个参数。

首先要明白，第三个参数的类型是对象或者数组（有疑问，自行研究）；

例如：

const data = {

phone: ‘renlei’,

code: ‘12’

};

this.$http.get(‘/cardLists’, data, {

interfaceType: ‘first’

}).then(response => {

console.log(response);

});

this.$http.post(‘/login’, data, {

interfaceType: ‘second’

}).then(response => {

console.log(response);

});

这里我分别使用了get和post请求，并且都给其传入了第三个参数。这个第三个参数都是对象，对象里面只有一个键值对，键interfaceType相同，但是值不同。

然后在配置vue-axios-plugin的文件当中使用传入的第三个参数，例如：

// 请求拦截处理

reqHandleFunc: config => {

console.log(config.interfaceType === ‘first’);

/* config.baseURL =

process.env.NODE_ENV === ‘production’

? ‘https://www.520mg.com’

‘http://rap2api.taobao.org/app/mock/254896/’; */

let url = ‘http://129.168.1.87/first’;

if (config.interfaceType === ‘first’) {

url = ‘http://129.168.1.87/first’;

} else if (config.interfaceType === ‘second’) {

url = ‘http://129.168.30.85/second’;

}

小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！
因此收集整理了一份《2024年Web前端开发全套学习资料》送给大家，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频

如果你觉得这些内容对你有帮助，可以添加下面V无偿领取！（备注：前端）

总结

前端资料汇总

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

• 框架原理真的深入某一部分具体的代码和实现方式时，要多注意到细节，不要只能写出一个框架。

• 算法方面很薄弱的，最好多刷一刷，不然影响你的工资和成功率😯

• 在投递简历之前，最好通过各种渠道找到公司内部的人，先提前了解业务，也可以帮助后期优秀 offer 的决策。

• 要勇于说不，对于某些 offer 待遇不满意、业务不喜欢，应该相信自己，不要因为当下没有更好的 offer 而投降，一份工作短则一年长则 N 年，为了幸福生活要慎重选择！！！
  喜欢这篇文章文章的小伙伴们点赞+转发支持，你们的支持是我最大的动力！
  你的工资和成功率😯

• 在投递简历之前，最好通过各种渠道找到公司内部的人，先提前了解业务，也可以帮助后期优秀 offer 的决策。

• 要勇于说不，对于某些 offer 待遇不满意、业务不喜欢，应该相信自己，不要因为当下没有更好的 offer 而投降，一份工作短则一年长则 N 年，为了幸福生活要慎重选择！！！
  喜欢这篇文章文章的小伙伴们点赞+转发支持，你们的支持是我最大的动力！