axios配置参数有哪些
baseURL:请求的域名,基本地址
timeout:请求超时时长(ms)
url:请求路径
methode:请求方法:get,post,put,patch,delete
headers:请求头
params:请求参数拼接在url上
data:请求参数放在请求体
优先级:axios请求配置 > axios实例配置 > axios全局配置
实际开发中axios全局配置一般比较少用到,因为它的局限性比较大,一般只能设置baseURL,timeout,url,其他的method,headers,params,data这些请求都是不一样的
实例如下:
<template>
<div class="axios"></div>
</template>
<script>
import axios from 'axios'
export default {
name: 'axios3-2',
created() {
axios.create({
baseURL: 'http://localhost:8080', // 请求的域名,基本地址
timeout: 1000, // 请求超时时长(ms)
url: '/data.json', // 请求路径
methode: 'get', // 请求方法:get,post,put,patch,delete
headers: { // 请求头
token: ''
},
params: {}, // 请求参数拼接在url上
data: {}, // 请求参数放在请求体
})
// 1、axios全局配置
axios.defaults.timeout = 1000
axios.defaults.baseURL = 'http://localhost:8080'
// 2、axios实例配置
const instance = axios.create() // 创建实例
instance.defaults.timeout = 3000 // 修改超时时长
// 3、axios请求配置
instance.get('/data.json', {
timeout: 5000
})
// 优先级:axios请求配置 > axios实例配置 > axios全局配置
},
}
</script>