说明

1. 当我们的项目需要想两台或两台以上的服务器索要数据时，可以使用实例对象的方法来配置不同的请求。
2. 实例对象的配置信息和 axios 配置信息基本上相同。

创建实例对象

<div class="container">
  <button class="btn btn-primary">请求第一台服务器</button>
  <button class="btn btn-success">请求第二台服务器</button>
</div>
<script>
  const btns = document.querySelectorAll('button');

  // 配置第一台服务器
  const local = axios.create({
    baseURL: 'http://localhost:3000',
    timeout: 3000,
  })

  // 配置第二台服务器
  const apiopen = axios.create({
    baseURL: 'https://api.apiopen.top',
    timeout: 3000,
  })

  btns[0].onclick = () => {
    local.get('/posts').then(res => {
      console.log(res);
    })
  }

  btns[1].onclick = () => {
    apiopen.get('/getJoke').then(res => {
      console.log(res);
    })
  }
</script>