vue3 获取指定路径静态文件文件

在Vue 3中，你可以使用`require`函数来获取指定路径下的静态文件。首先，你需要在你的组件中引入`require`函数：

const requireFunc = typeof __webpack_require__ === "function" ? __non_webpack_require__ : require;

接着，在你的方法中，你可以使用`require`函数来获取指定路径下的静态文件。例如，如果你想获取`/static/img/logo.png`这个图片文件，你可以这样写：

const logo = require('@/static/img/logo.png');

在这个例子中，`@`代表的是`src`目录，你可以根据你的项目结构调整路径。获取到文件之后，你可以将它绑定到你的组件上，例如：

<template>
  <div>
    <img :src="logo" alt="Logo">
  </div>
</template>

<script>
const requireFunc = typeof __webpack_require__ === "function" ? __non_webpack_require__ : require;

export default {
  data() {
    return {
      logo: ''
    }
  },
  mounted() {
    this.logo = require('@/static/img/logo.png');
  }
}
</script>

这样，当组件渲染完成后，`logo`变量就会绑定到`/static/img/logo.png`这个图片文件上。