vue3以服务的方式使用ElLoading 在main.js中导入，在axios的拦截器中使用 service报错service is not a function

这个错误可能是因为您没有正确导入和使用服务。请检查以下几点：

1. 确保您已正确导入ElLoading服务：

import { ElLoading } from 'element-plus';

2. 确保您已经使用createApp创建了Vue应用程序，并将ElLoading服务注册为全局服务：

const app = createApp(App);
app.use(ElLoading);

3. 确保您在axios拦截器中正确使用ElLoading服务：

import { ElLoading } from 'element-plus';

// 创建loading实例
const loading = ElLoading.service({
  text: 'Loading',
});

// 添加请求拦截器
axios.interceptors.request.use(
  (config) => {
    // 在发送请求之前显示loading
    loading.start();
    return config;
  },
  (error) => {
    // 请求错误时关闭loading
    loading.close();
    return Promise.reject(error);
  }
);

// 添加响应拦截器
axios.interceptors.response.use(
  (response) => {
    // 响应成功时关闭loading
    loading.close();
    return response;
  },
  (error) => {
    // 响应错误时关闭loading
    loading.close();
    return Promise.reject(error);
  }
);

希望以上解决方案能够帮助您解决问题。