Vue教程之自定义 axios 实例

我们在日常的开发中，通常将一些公共的参数，做一个统一的封装，实现一个新的 axios 实例，而不是直接使用 axios 这个默认实例。

下面我们使用 axios.create 新建一个axios实例。

实例演示

<template>
  <div>
    <h1>Demo4</h1>
  </div>
</template>

<script>
import axios from 'axios'
export default {
  mounted () {
    this.handleAxios()
  },
  methods: {
    handleAxios () {
      const instance = axios.create({
        baseURL: 'http://localhost:8080',
        timeout: 100
      })

      instance.defaults.timeout = 1000

      instance.get('/data.json')
    }
  }
}
</script>