Vue.prototype.$axios =axios; Vue.prototype.$httpUrl = 'http://localhost:8080' 这两句在vue3中如何表达

在Vue 3中，由于不再直接操作原型链 (Object.prototype)，而是推荐使用Composition API或Options API来设置插件或共享状态。如果你想在每个组件实例中都能访问到`axios`客户端和基础URL，你可以这样做：

1. **通过Composition API** (Vue 3 Composition Hooks):

import { createApp } from 'vue';
import axios from 'axios';

const app = createApp(App);
app.config.globalProperties.$axios = axios; // 设置全局axios实例
app.config.globalProperties.$httpUrl = 'http://localhost:8080'; // 全局HTTP基础URL

app.mount('#app');

2. **通过Options API (旧版)**:

export default {
  setup() {
    const axios = import('axios'); // 如果需要懒加载
    const httpUrl = 'http://localhost:8080';

    return {
      $axios: axios.default, // 对象解构赋值给组件内部
      $httpUrl,
    };
  },
};

在这个例子中，你在每个组件中可以直接通过`this.$axios`和`this.$httpUrl`来访问这些变量。