問題描述:
在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/