用vue+Dplayer实现播放器加载本地视频加载失败

Question

想用vue+Dplayer实现一个播放器的功能，然后用本地视频进行测试，结果无法播放视频，提示视频加载失败，代码大致如下：

<template>
  <div id="dplayer"></div>
</template>

<script>
  import DPlayer from 'dplayer';
  //import "DPlayer.min.css"; //css文件
  export default {
    name:'PlayComponent',
    mounted(){
      const dp = new DPlayer({              // eslint-disable-line no-unused-vars
        container:document.getElementById("dplayer"),
        video: {
          url: 'E:/vue-project/test1/src/assets/static/01.mp4',
          type: 'normal',
        }
      })
    }
  }
</script>

浏览器报错信息是：
Not allowed to load local resource: file:///E:/vue-project/test1/src/assets/static/01.mp4

在网上找这条错误信息，解决方案都是tomcat的，然而我的项目是在npm上跑的，想请问一下有没有什么好的解决方案

Answer 1

https://blog.csdn.net/qq_37939251/article/details/105955093