vue axios token,vue 拦截器token
爱可信是一款网络前端请求框架,本文主要介绍了某视频剪辑软件中爱可信添加拦截器刷新代币的实现方法,文中通过示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
目录
1.爱可信基本用法:2.爱可信基本封装用法:3.添加拦截器的用法4.注意事项:Axios是一款网络前端请求框架,基本用法如下:
1. Axios基本用法:
const response=await axios。创建({
基础网址:“https://测试。API。com”,
标题:{
"内容类型":"应用程序/json”,
},
}).postRequestResponse(/signin ,{
用户标识:测试用户,
密码:“xxx”,
});
其中,请求响应是返回的数据要解析为的数据类型,如下:
导出接口请求响应{
数据:任意;
消息:字符串;
结果代码:数字;
}
这样,得到的反应就是网络请求的结果,可以进行判断处理。
2. Axios基本封装用法:
对爱可信进行简单的封装,使得多个网络请求可以使用统一的页眉等配置。
新建一个工具类,进行封装:
从" axios "导入Axios,{ AxiosRequestConfig,AxiosError,AxiosInstance,AxiosResponse }。
export const BASE _ URL= https://测试。API。com’;
导出常量axio SAPI=():axio实例={
const instance=Axios.create({
baseURL: BASE_URL,
标题:{
"内容类型":"应用程序/json”,
授权:` $ { getaccessstoken()} `,
},
});
返回实例;
}
const getAccessToken=()={
//这里获取本地保存的代币
返回
郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。