axios封装接口
2024-09-07 21:10:24
我们一般都是在做一个大型项目的时候，需要用到很多接口时，我们为了方便使用，就把接口封装起来。
先安装axios命令 ：npm install axios --save
那么思路是什么呢？
首先在src文件中创建新的文件夹，分别为http和api两个文件夹。
一：在http文件夹中新建一个http.js：
1.先引入axios ，然后设置环境
2.设置超时时间
3.设置不同的请求方式
二：在api文件夹新建api.js
获取接口
三：在组件中的引入
console.log（）出来就可以得到内容。
总结：
01.设置你接口的公共地址 axios.defaults.baseURL
02.可以根据不同环境（开发环境和生产环境）切换接口地址
03.可以设置请求超时时间 axios.defaults.timeout=3000
04.设置请求拦截 axios.interceptors.request和响应拦截 axios.interceptors.response
05.封装get 和post请求方式
创建一个api.js，根据业务逻辑封装请求的方式
最新文章
- 各种类型转换为字符串类型(ToString())
- 【GOF23设计模式】工厂模式
- 自动提交Git branch代码评审到Review Board系统
- LINUX中简单的字符命令
- NE、EQ等比较操作符的意义
- AndroidManifest.xml 配置权限大全
- Linux下ll命令与ls -l
- chrome无法使用非官方商店扩展解决办法
- git常用命令总结--廖雪峰老师Git教程命令总结
- 【PMP】项目生命周期和开发生命周期
- C#基础回顾：正则表达式-转
- Spring事务传播属性介绍(三).Nested
- 阿里云Tengine和Openresty/1.11.2.3 数据对比
- OpenStack Juno 版本发布——支持Spark和NFV[转]
- Java设计模式（8）组合模式（Composite模式）
- php基础知识考察点：正则表达式
- 条件注释判断IE浏览器版本
- sql:sql server,MySQL,PostgreSQL的表,视图,存储过程结构查询
- 小白学习css记录
- centos 防火墙关闭/开启