项目场景:
在vue2中给audio直接修改值
问题描述
在vue2中给audio直接修改src的时候会加载失败
![](https://img-blog.csdnimg.cn/3a3bea809fde43eb8254967fe455deb7.png)
如果使用require修改src就不会报错
![](https://img-blog.csdnimg.cn/7cbf4c7b05d74381bae4e24499ed218b.png)
![](https://img-blog.csdnimg.cn/ad20397b9a8a4a26b8e8239e8713797e.png)
原因分析:
这是因为vue打包后的mp3的名称是会变化的,vue会给mp3文件后面加上一串字符
![](https://img-blog.csdnimg.cn/1c22362dd1c948fe8ce2d646ca887d4a.png)
很名校用require引入多了后缀
再看看不修改src的audio的src是什么样的
也是有后缀的 和require一样 ,这就是为什么直接修改src会报错 ,浏览器根本找不到对应的地址
解决方案:
目前只知道用require 有大佬知道更好的办法欢迎留言