创建axios实例

//axios 实例

let instead=axios.create({

baseurl:Xxx,

timeout:1000

})

instead.get('/data.json').then(res=>{

console.log(res)

})

axios 实例

//axios实例

//后端接口地址有多个，并且超时时长不一样

创建实例

let instance = axios.create({

    baseURL : 'http://localhost:8080',

    timeout: 1000

})

怎么用

instance.get('/data.json').then(

    res=>{

        console.log(res)

    }

)

两种接口要求不一样 处理超时等

创建axios实例

使用场景：当接口地址多个时候（端口号之前的域名可能是多个时候），并且超时时长不一样时。

此时就可以通过axios实例，在axios实例中设置这两种参数，然后通过实例去请求接口。

示例：通过axios的create方法，它的参数就是axios的配置信息。

超时时长：发起http请求时候，如果服务端长时间没有返回数据，那么接口就会报超时401，通常具体超时时长由后端进行定义（如果请求一个比较大的数据，后端需要处理，一旦处理时间过长，例如超过1秒，那么后端就可能会返回401，告诉接口请求超时了）。

参数1：baseURL，表示域名（例如：http://localhost:8080）

参数2：timeout，超时时长（默认1000，1秒，当超过1秒就会报401）

使用方法：

axios.create进行实例的创建

使用axios.create进行实例的创建

axios创建一个实例设置超时配置

创建axios实例：

1. 可以定义不同的超时策略，不同的baseURL

let instance = axios.create(
    baseURL : "http://localhost:8080",
    timeout: 1000
)

instance.get('/data.json').then(res => console.log(res))

axios实例

类似数组创建方式两种:

 let instance = this.$http.create({

                baseURL:'http://localhost:8080',

                timeout:1000

            })

为什么要创建axios实例:后端接口地址有多个,并且超时时长不一样

let instance = axios.create({

baseURL:"http:localhost:8080",

tieout:3000

});

instance.get('/data.json')

超时报错401

后端接口地址有多个，并且超时时间不一样

// json 改成 fromdata形式

let data = {id:123}

let form  = new fromData();

for (key in data){

    form.append(key, data[key])

}