问题描述:
在assets/resour_into.mp3 有个音频文件
然后在vue组件里引用
<audio id="resource" src="@/assets/resour_into.mp3" controls></audio>
出现报错：
找不到资源路径；
先说结论：
mp3 没有设置 loader 才引发的问题。
解决方式：
方式一： 配置mp3 loader
方式二： mp3 放到 /static/audio 目录下，然后就可以在 src 中使用 /static/audio/resour_into.mp3
方式三： 动态资源引用：
<audio id="resource" :src="audioSrc" controls></audio>
方式二会有个问题，当项目打包后配置服务器上根目录会发生改变，此时在使用/static 可能还是会出现加载不到资源问题。这个得服务器那里配置
采坑总结：
在上述过程中主要还是对 vue loader 知识的欠缺导致的。后续有空得补补
https://vue-loader.vuejs.org/zh/