按照官方的 rtmp 规范文档第 30 页的内容，"rtmp://example.com/vod/1/test.mp4" 这种 url 是错的，因为规范文档里写明了 tcUrl 的格式是 "protocol://servername:port/appName/appInstance"，即 url 中除了协议名，主机名和端口外，只能有两层。而你的 url 是3层，所以无法访问。

解决办法有 3 种：

1. 可以将 application vod 修改为 application x （x 是数字），但是这中配置不太灵活，因为服务器无法事先知道你有多少个摄像头。

2. 摄像头生成的媒体文件带上编号，例如：1 号摄像头生成的媒体文件是 1_test.mp4，2 号摄像头生成的媒体文件是 2_test.mp4，以此类推。

3. 你这使用的是 nginx-rtmp-module 及其各种变种吧，源代码都开放了，如果有能力，可以自己修改源代码以达到要求。

vue源码build前使用相对路径配置，需要修改config => index.js => build => assetsPublicPath 中的'/'成为'./'