const service = axios.create({ baseURL: apiBaseUrl, timeout: 9000, }); vue2.x转化为vue3.x

在Vue 2.x中，您通常会像上面那样使用axios创建一个配置好的实例。但在Vue 3.x中，由于 Composition API 和 Options API 的变化，创建axios实例的方式有所不同。您可以选择以下几种方式：

**Composition API (推荐）:**

import { ref, onMounted } from 'vue';
const apiBaseUrl = 'your-base-url';
const service = ref(null);

onMounted(async () => {
  service.value = axios.create({
    baseURL: apiBaseUrl,
    timeout: 9000,
  });
});

**Options API:**

export default {
  data() {
    return {
      apiBaseUrl: 'your-base-url',
      service: null,
    };
  },
  created() {
    this.service = axios.create({
      baseURL: this.apiBaseUrl,
      timeout: 9000,
    });
  },
};

在这个版本里，`ref`用于管理状态，并在组件挂载后初始化axios实例。

**使用Vue.extend插件：**
如果您的应用混合了选项式和组件式API，可以考虑将axios封装成一个自定义插件，然后在需要的地方注入它。