请教vue怎么导入自己的音乐

方法/步骤

1.打开VUE后，在打开的主界面，点击底部红色的拍摄按钮，拍摄一段视频。如图所示

2.拍摄完视频后，在屏幕的右上角会出来一个编辑选项，点击右上角红色的编辑。如图所示

3.点击编辑后，打开视频编辑界面。点击底部菜单中，最右边的音乐选项。如图所示

4.点击音乐后，在打开的窗口中，可以选择录音，也可以选择推荐的音乐，或者选择手机本地音乐，点击从手机选择。如图所示

5.点击从手机中选择后，打开本地音乐，在打开的界面中，选择一个手机上的音乐，点击一下选择的音乐。如图所示

6.选择好音乐后，返回视频编辑界面，点击右上角红色的生成视频选项。如图所示

7.视频生成完成后，打开分享界面，可以仅保存到手机上，或者保存并发布。如图所示

网上很多说自己的VUE项目通过Webpack打包生成的list文件，放到HBulider打包后，通过手机打开一片空白。这个主要原因是路径的问题。

1、记得改一下config下面的index.js中bulid模块导出的路径。因为index.html里边的内容都是通过script标签引入的，而你的路径不对，打开肯定是空白的。先看一下默认的路径。

assetsPublicPath默认的是  ‘/'  也就是根目录。而我们的index.html和static在同一级目录下面。  所以要改为  ‘./ '

2、另外还需要注意一点。src里边router/index.js路由配置里边默认模式是hash，如果你改成了history模式的话，打开也会是一片空白。所以改为hash或者直接把模式配置删除，让它默认的就行 。如果非要使用history模式的话，需要你在服务端加一个覆盖所有的情况的候选资源：如果URL匹配不到任何静态资源，则应该返回一个index.html,这个页面就是你app依赖页面。

本地引入不能播放

<audio src="../../assets/music/OK.mp3" controls="controls"></audio>

本地引入可以播放

<audio controls="controls">

                  <source  type="audio/ogg">

                  <source src="../../assets/music/OK.mp3" type="audio/mpeg">

                </audio>

---