VUE系列 --- 网络模块axios(三)

简介: VUE系列 --- 网络模块axios(三)

一、axios封装


1.创建network/request.js文件

配置request文件

1.png

config调用者传入的基础配置,url,methods

使用1.png

2.创建api/xxx.js文件

封装接口1.png

封装接口get

1.png

二、axios拦截器


在请求或响应被 `then` 或 `catch` 处理前拦截它们。 登录: 账号/密码 ===>调用登录接口 ====>如果成功,返回一个token(令牌) 获取用户信息在头部里面要携带token

1.png

1.png

如果你想在稍后移除拦截器,可以这样:

const myInterceptor = axios.interceptors.request.use(function () {/*...*/});
axios.interceptors.request.eject(myInterceptor);

可以为自定义 axios 实例添加拦截器

const instance = axios.create();
instance.interceptors.request.use(function () {/*...*/});
相关文章
|
4月前
|
资源调度 JavaScript
|
4月前
|
缓存 JavaScript 搜索推荐
|
3月前
|
缓存 JavaScript
Vue加载网络组件(远程组件)
【10月更文挑战第23天】在 Vue 中实现加载网络组件(远程组件)可以通过多种方式来完成。
|
4月前
|
消息中间件 监控 网络协议
Python中的Socket魔法:如何利用socket模块构建强大的网络通信
本文介绍了Python的`socket`模块,讲解了其基本概念、语法和使用方法。通过简单的TCP服务器和客户端示例,展示了如何创建、绑定、监听、接受连接及发送/接收数据。进一步探讨了多用户聊天室的实现,并介绍了非阻塞IO和多路复用技术以提高并发处理能力。最后,讨论了`socket`模块在现代网络编程中的应用及其与其他通信方式的关系。
436 3
|
4月前
|
前端开发 JavaScript 安全
在vue前端开发中基于refreshToken和axios拦截器实现token的无感刷新
在vue前端开发中基于refreshToken和axios拦截器实现token的无感刷新
247 4
|
5月前
|
数据采集 Web App开发 开发工具
|
5月前
|
数据安全/隐私保护
|
4月前
|
JavaScript API 开发工具
vue尚品汇商城项目-day02【11.对axios二次封装+12.接口统一管理】
vue尚品汇商城项目-day02【11.对axios二次封装+12.接口统一管理】
47 0
|
4月前
|
JSON API 开发者
深入解析Python网络编程与Web开发:urllib、requests和http模块的功能、用法及在构建现代网络应用中的关键作用
深入解析Python网络编程与Web开发:urllib、requests和http模块的功能、用法及在构建现代网络应用中的关键作用
35 0

热门文章

最新文章