import axios 导致 vue v3 和 vite 出现问题

Question

从 'axios' 导入 axios；

结果导致投掷

未捕获的语法错误：找不到导入：默认值

示例代码

import { createApp } from 'vue';
import TheContainer from './components/TheContainer.vue';
import axios from 'axios';

axios.defaults.baseURL = process.env.VUE_APP_API_URL;

const app = createApp({
    components: {
        TheContainer
    }
})
app.axios = axios;
app.$http = axios;
app.config.globalProperties.axios = axios;
app.config.globalProperties.$http = axios;
app.mount('#app');

这是使用 axios 0.21.1 和 vue 3.0.5

试图找出问题所在...vuejs v3 Cookbook 遗憾地使用通过 CDN 调用 axios 0.14 代码

Answer 1

Redaxios是 axios 的现代翻版。

import axios from 'redaxios';
// use as you would normally

这解决了我的 vite 和 axios 问题。也可以在 webpack 中使用。