首页 > 其他 > 详细

vue audio 文件引用问题mp3

时间:2021-03-12 18:45:44      阅读:40      评论:0      收藏:0      [点我收藏+]

问题描述: 

技术分享图片

 

 

 在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/

 

vue audio 文件引用问题mp3

原文:https://www.cnblogs.com/cleves/p/14524866.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!