vue + vite如何动态加载文件路径

在 Vue + Vite 中，您可以使用 `import()` 函数实现动态加载文件路径。

例如，您可以在组件中定义一个 props，用于接收不同页面引入的 api 文件路径，然后在组件内部动态加载对应的 api 文件，示例代码如下：

<template>
  <div>
    <!-- 组件内容 -->
  </div>
</template>

<script>
export default {
  props: {
    apiPath: {
      type: String,
      required: true
    }
  },
  async mounted() {
    // 动态加载对应的 api 文件
    const apiModule = await import(this.apiPath)
    const api = apiModule.default
    // 调用 api 方法
    api.doSomething()
  }
}
</script>

在上述示例代码中，我们使用 `import()` 函数动态加载传入的 `apiPath` 文件路径，并获取默认导出的 api 对象，然后调用其中的方法。

需要注意的是，由于 `import()` 函数返回的是一个 Promise 对象，因此需要使用 `async/await` 或者 `.then()` 方法来处理异步加载的结果。另外，由于 Vite 默认会将 `.vue` 文件编译成 JavaScript 模块，因此可以直接在 `.vue` 文件中使用 `import()` 函数动态加载其他文件。