Vue-静态资源路径的使用

Webpack 处理静态资源

 当你在 Vue 项目中使用 @/assets 或相对路径引用静态资源时，Webpack 会处理这些路径。@/assets 是 Vue CLI 的路径别名，表示 src/assets 目录。

如果你遇到 404 (Not Found) 错误，通常是因为 Webpack 未正确处理这些路径，或者你的静态资源没有正确地放在构建后的目录中。

使用 require 语法

使用 Webpack 的 require 语法来确保资源路径被正确处理：

<audio :src="require(`@/assets/music/${item.uuid}`)" controls></audio>