Axios实例的相关配置

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>
发布了36 篇原创文章 · 获赞 12 · 访问量 4万+

猜你喜欢

转载自blog.csdn.net/qq_35697034/article/details/100560760