vue打包以后图片资源正常获取，视频资源获取失败404

Question

vue项目npm build打包以后通过nginx代理放在服务器上，图片资源正常获取，但是本地MP4视频却无法播放，我找不到原因。

打包后的文件夹

Answer 1

找不到你的视频 你视频文件webpack打包了么 没有下边的这段加上

{
                test: /\.(mp4)(\?.*)?$/,
                loader: 'url-loader',
                options: {
                  name:'audios/[name].[ext]',
                  limit:10
                }
            }   

Answer 2

  index: path.resolve(__dirname, '../dist/index.html'),

    // Paths
    assetsRoot: path.resolve(__dirname, '../dist'),
    assetsSubDirectory: 'static',
    assetsPublicPath: '', // 重点

这个webpack配置是这样吗

关于路径问题最好使用相对路径,因为wwww.xxxx.com和www.xxx.com/xxx是不一样的啊

Answer 3

使用相对路径，参考这个链接：

Answer 4

可以使用require()引入地址，避免因为配置问题找不到地址

:src="require('src')"

Answer 5

需要修改一下webpack打包媒体文件的配置。

Answer 6

请问你的问题解决了吗，我也遇到了同样的问题，