关于axios异步请求的测试

<template>
  <div id="welcome">
    <div v-if="isLoading">Loading....</div>
    <button @click="setHeader">按钮</button>
  </div>
</template>

<script>
//测试设置请求头、设置响应头
import axios from ‘axios‘
export default {
  data(){
    return {
      isLoading:false
    }
  },
  //打印顺序为6,3,7,8,1,2,9；说明axios拦截器只有在发起axios请求才会触发（axios拦截器是异步的）
  created(){
      axios.interceptors.request.use(config=>{
      this.isLoading=true
      console.log(1);
      return config;
    });
      axios.interceptors.response.use(config=>{
      this.isLoading=false
      console.log(2);
      return config;
    });
    console.log(6);
  },
  methods:{
    //监听按钮点击
   setHeader(){
    console.log(3);
    axios.get(‘http://119.23.53.78:8888/api/private/v1/menus‘,console.log(7)).then(res=>console.log(9))
    console.log(8);
  }
  }
}
</script>

<style   lang="less" scoped>

</style>

关于axios异步请求的测试

原文：https://www.cnblogs.com/xjt31/p/13978583.html