axios入门(4)—— axios常用配置参数讲解
小白浏览:8742020-12-16 11:56:47本文累计收益:0我也要赚钱
一、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})

 

评论列表
发表评论
+ 关注