Redaxios是axios的现代重制版。

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

字符串
这解决了我的问题与vite和axios。工程在webpack太多。

你应该安装一个axios的es模块：
删除当前版本：

npm uninstall axios

字符串
然后运行：

npm install @bundled-es-modules/axios --save

型
然后像这样使用它：

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

//create an axios instance in order to use it globally with same config
const instance = axios.create({
   baseURL: process.env.VUE_APP_API_URL,
  withCredentials: false,
  headers: {
    Accept: 'application/json',
    'Content-Type': 'application/json',
  },

})

const app = createApp({
    components: {
        TheContainer
    }
})

app.config.globalProperties.axios = instance;

app.mount('#app');

型

问题出在Vite 2.x
issue #174和issue 162表明，vite更愿意处理适当的ESM模块，而不是在自己内部修复它们（公平调用）。
因此，从vite 2.0.0-beta50开始，我将使用fetch and discovering vue-auth来构建它（无论如何，这对于vue v3来说看起来非常复杂）。
编辑：我从来没有得到这个底部，但因为我是在Laravel内的宅基地/Vagrant中构建这个-我发现将它完全从该环境中取出似乎可以解决问题..我还注意到Vite并不总是注意到宅基地/Laravel环境中的代码更改-所以它可能是缓存或其他东西.无论如何，我将它取出，一切正常

所以，这个问题只是花了我一些时间来解决，我想分享我的经验，希望它能帮助别人。
虽然，这个答案中的一些解决方案有助于解决最初的问题，但我还有其他问题进一步沿着。例如，当我安装redaxios时，我注意到它没有在请求头中发送X-XSRF-TOKEN（我的后端服务Laravel Sanctum需要）。
最后，真正解决我问题的是简单地删除node_modules目录并重新安装（yarn）。我认为vite有一个已安装目录的缓存版本，无论我重新安装axios或在包之间切换多少次，它都会显示一些错误。

你应该安装这个vite plugin @originjs/vite-plugin-commonjs。

npm install @originjs/vite-plugin-commonjs --save-dev

字符串
将插件添加到您的vite.config.ts，您就可以开始了。

import { viteCommonjs } from '@originjs/vite-plugin-commonjs'

export default {
    plugins: [
        viteCommonjs()
    ]
}

型
仅此而已

import { createApp } from 'vue'
import router from './adminroutes'

import axios from 'axios'
window.axios = axios
window.axios.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest'
window.axios.defaults.withCredentials = true

const app = createApp({})

app.use(router)
app.mount('#adminapp')

字符串