vue axios讲解+优化 请求拦截器 响应拦截器

本文详细介绍了Vue中axios的使用,包括安装、优化方法,如将axios挂载到vue原型上以及配置基础URL。同时探讨了GET和POST请求的区别,并展示了如何设置请求拦截器来统一处理请求头中的token,以及响应拦截器用于处理登录验证和token失效的情况。
摘要由CSDN通过智能技术生成

vue axios讲解+优化 请求拦截器 响应拦截器
安装axios

yarn add axios

在main.js中引入没用,这是两个独立的模块 ,哪个模块用就在那个模块引入
axios 优化一
将axios方法挂载到vue的原型上,任何的vue实例都可以访问到
在main.js中

import axios from 'axios'
Vue.prototype.$axios = axios

如何调用:this.$axios
axios 优化二
配置基础地址
在这里插入图片描述
请求地址写死合适吗?上线的时候就不是这个地址,开发环境,测试环境,线上地址可能都不一样
第一种办法
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
第二种办法
axios提供了一个在前面帮你拼路径的方法
在这里插入图片描述
会自动帮你拼上全局的基地址
在main.js中
在这里插入图片描述

注!!ÿ

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值