Javascript 在另一个js文件中导入axios

这是一个基于flask的项目，我想将axios导入另一个js文件

在我的FigureHelper.js中，我想导入axios以从api服务获取数据

import {PieChart} from './pie-chart-module.js'
import * as axios from './axios.js'

let figuresHelper = {
    init: function(){ console.log('init something'); axios.get('url').... }
}
export {figuresHelper}

以及my index.html中的代码

<script type="module">
    import {figuresHelper} from "../static/js/figuresHelper.js";
    figuresHelper.init()
</script>

到目前为止，我还不允许在这个项目中使用vue，这个问题让我丧命

你不能

export const figuresHelper = () => {
    console.log('init something'); 
    axios.get('url')....
}

那么在html中呢

<script type="module">
    import {figuresHelper} from "../static/js/figuresHelper.js";
    figuresHelper();
</script>

从“./static/js/figuresHelper.js”导入{figuresHelper}”；
FigureHelper（）；

您是否使用webpack之类的构建系统？导入axios会带来麻烦，而不是figureHelper。我的目的是将axios导入助手，以便能够使用拦截器

<script type="module">
    import {figuresHelper} from "../static/js/figuresHelper.js";
    figuresHelper();
</script>