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

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

clipboard.png

clipboard.png

clipboard.png

打包后的文件夹
clipboard.png

clipboard.png

阅读 5.7k
6 个回答

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

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

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

这个webpack配置是这样吗

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

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

:src="require('src')"

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

推荐问题
宣传栏