1.  
  2. 主页
  3.  / 
  4. Vue教程
  5.  / 
  6. Vue教程之自定义 axios 实例

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>
这篇文章对您有用吗?

我们要如何帮助您?

发表评论

您的电子邮箱地址不会被公开。