vue的script中使用src配置axios-loading

在Vue单文件组件的script部分使用axios-loading，你需要先确保已经在全局引入了axios和axios-loading，并且要在组件的生命周期钩子中初始化axios和加载器。通常会在beforeCreate或created钩子中进行配置。

下面是一个示例：

<template>
  <div>
    <!-- ...你的组件内容... -->
  </div>
</template>

<script>
import axios from 'axios';
import { Loading } from 'axios-loading';

export default {
  name: 'YourComponent',
  beforeCreate() {
    // 初始化axios并配置axios-loading
    this.$axios = axios.create({
      baseURL: 'your-base-url', // 如果有基础URL
      timeout: 5000, // 超时时间
    });

    // 将axios-loader绑定到$axios上
    Loading.attach(this.$axios);

    // 当发起请求时，自动显示加载器
    this.$axios.interceptors.request.use((config) => {
      config.loading = true; // 设置请求开始时显示加载
      return config;
    }, (error) => {
      // 请求失败处理...
      return Promise.reject(error);
    });
  },
  created() {
    // 在这里或合适的钩子里使用axios
    this.$axios.get('/api/endpoint').then(response => {
      // 处理响应...
    }).catch(error => {
      // 错误处理...
    });
  },
};
</script>