axios的请求拦截和响应拦截

1.安装axios

npm install axios --save

2.引入模块

在untils文件夹中创建request.js文件,引入axios模块

import axios from "axios";

3.创建axios实例

// 引入axios
import axios from 'axios'
// 引入提示消息组件
import { Message } from 'element-ui'
const _axios = axios.create({
  baseURL: process.env.VUE_APP_BASE_API
})

axios封装的好处:

1、方便后期代码的维护,

2、减少代码量,减少不必要的重复请求响应,

3、通过配合async await,让代码更加优雅

把在vue中如何将axios进行封装给说了一下;

并且把请求拦截和响应拦截,以及请求头携带token给说了一下,老大讲的也是很细致,中间的话,是因为拦截那块token处理的有点的问题,导致只要以获取到数据列表token值就变为undefined,然后讲过一步步的分析,找到了问题,最后也是解决了,这样的话也对我们也是有提升的,让我们知道下次遇到这种情况时候知道怎么处理了

axios的封装处理

import axios from 'axios'
import { Message } from 'element-ui' // Message===this.$message
import Store from &
  • 1
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值