无法在 vue js 制作中播放视频Vue Cli 3

如何解决无法在 vue js 制作中播放视频Vue Cli 3

我能够在本地加载我的视频并且它能够运行。我把这个 mp4 放在 src/assets/real/test.mp4 并且它工作正常

   //Home.vue
//============
    <template>
              <video width="100%" height="100%" autoplay>
                <source :src="videoSrc" type="video/mp4" />
              </video>
    </template>
    <script>
     export default {
       data() {
          return {
             videoSrc: require("../assets/real/test.mp4"),}
        }
    }
    </script>

然后我运行 npm run build ，现在 test.mp4 位于 dist/media/test.mp4 但文件丢失。

根据我的研究，他们中的大多数修改了他们的 webpack.config.js 但这就是我的 webpack.config.js 的样子，它位于 node_modules/@vue/cli-service/webpack.config.js 但什么我需要改变吗？

let service = process.VUE_CLI_SERVICE

if (!service || process.env.VUE_CLI_API_MODE) {
  const Service = require('./lib/Service')
  service = new Service(process.env.VUE_CLI_CONTEXT || process.cwd())
  service.init(process.env.VUE_CLI_MODE || process.env.NODE_ENV)
}

module.exports = service.resolveWebpackConfig()

请帮忙。

谢谢。