axios入门(4)—— axios常用配置参数讲解
一、axios常用配置参数讲解
baseURL:请求域名,基本地址
timeout:设置请求超时时长,单位毫秒
url:请求的具体接口路径
method:请求方法,有get,post,put,patch,delete,具体使用方法参见:axios入门(1)—— axios常用五种请求方法介绍(get、post、put、patch、delete)
header:设置请求头,常用场景用于传递接口token
params:请求参数,参数会拼接在url中
data:请求参数,参数会放在请求体内
具体代码如下:
<script> import axios from 'axios' export default { name: 'get请求', components: {}, created() { let instance = axios.create({ baseURL:'http://www.baidu.com', timeout:1000, url:'/test', method:'get', headers:{ token:'' }, params:{ id:12 }, data:{ id:12 } }) //使用实例请求接口数据方法 instance.get('具体接口地址').then( res=>{ //成功后执行代码 } ) } } </script>
二、配置参数的三种方式:
1、axios全局配置
axios.defaults.timeout = 1000; axios.defaults.baseURL = 'http://www.baidu.com';
2、axios实例配置
let instance = axios.create({timeout:1000})
如果需要修改实例配置使用下面代码:
instance.default.timeout=3000;
3、axios请求配置
instance.get('接口地址',{timeout:5000})
猜您可能还喜欢
评论列表
发表评论
文章分类
文章归档
- 2025年3月 (1)
- 2024年6月 (2)
- 2024年5月 (2)
- 2024年4月 (4)
- 2024年3月 (30)
- 2024年1月 (4)
- 2023年12月 (2)
- 2023年11月 (4)
- 2023年10月 (4)
- 2023年9月 (6)
- 2023年3月 (2)
- 2023年2月 (1)
- 2023年1月 (1)
- 2022年12月 (1)
- 2022年9月 (21)
- 2022年8月 (10)
- 2022年7月 (3)
- 2022年4月 (1)
- 2022年3月 (13)
- 2021年8月 (1)
- 2021年3月 (1)
- 2020年12月 (42)
- 2020年11月 (7)
- 2020年10月 (5)
- 2020年8月 (1)
- 2020年6月 (1)
- 2020年3月 (2)
- 2019年12月 (8)
- 2019年11月 (3)
- 2019年9月 (1)
- 2019年4月 (1)
- 2019年3月 (6)
- 2019年2月 (1)
- 2018年7月 (7)
阅读排行
- 1.asp.net mvc内微信pc端、H5、JsApi支付方式总结(5702)
- 2.各大搜索网站网站收录提交入口地址(3201)
- 3.Windows 10休眠文件更改存储位置(3164)
- 4.ECharts仪表盘实例及参数使用详解(3095)
- 5.windows 10安装myeclipse 10破解补丁cracker.jar、run.bat闪退解决办法(2992)
- 6.HTML5 WebSocket与C#建立Socket连接实现代码(2866)
- 7.华为鸿蒙系统清除微信浏览器缓存方法(2784)
- 8.CERT_HAS_EXPIRED错误如何解决(2249)
- 9.Js异步async、await关键字详细介绍(lambda表达式中使用async和await关键字)(2189)
- 10.HBuilder编辑器格式化代码(2118)