axios 配置及其应用

export default {
created() {
axios.get(‘/data.json‘, config{}).then(res => {
console.log(res)
})
相对路径
axios.create({
baseURL: ‘‘, //请求的域名，基本地址
timeout: 2000, //请求超时时长
url: ‘/data.json‘ ,//请求路径
method: ‘get, post, put, patch, delete‘ ,//请求方法 put 全部提交 patch部分提交 delete删除数据
headers: {
token: ‘‘ //用户鉴权识别登录人的信息
} ,//设置请求头
params: {

},
//请求参数拼接在URL上
data: {

},
//请求参数放在请求体里
})
axios.get(‘/data.json‘, {
params: {

},
data: {

},
headers: {

}
})
1.axios 全局配置
axios.defaults.timeout = 1000
axios.defaults.baseURL = ‘http://loaclhost:8080‘
2.axios 实例配置
let instance = axios.create() // 如果括号里不添加内容 就是默认全局配置的值
instance.defaults.timeout = 3000
3.axios 请求配置
instance.get(‘/data.json‘, {
timeout: 5000
})
优先级 3>2>1
实际开发
有两种请求接口
http: //loaclhost:9090
http: //localhost:9091
let instance = axios.create({
baseURL: ‘http: //loaclhost:9090‘,
timeout: 1000
})
let instance1 = axios.crease({
baseURL: ‘http: //localhost:9091‘,
timeout: 3000
})
},
methods: {
axios() {
this.$router.push(‘/axios/axios.vue‘)
}
}
}

axios 配置及其应用

原文：https://www.cnblogs.com/hekeying/p/14125443.html