修复工作

rtsp-vue/nginx.conf

@@ -44,6 +44,29 @@ server {
         proxy_set_header X-Forwarded-Proto $scheme;
     }
 
+    # 视频流代理（HTTP-FLV）
+    location /live {
+        proxy_pass http://rtsp-backend:8866/live;
+        proxy_http_version 1.1;
+        proxy_set_header Host $host;
+        proxy_set_header X-Real-IP $remote_addr;
+        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
+        proxy_set_header Connection "";
+        proxy_buffering off;
+        proxy_cache off;
+    }
+
+    # 视频流代理（HLS）
+    location /hls {
+        proxy_pass http://rtsp-backend:8866/hls;
+        proxy_http_version 1.1;
+        proxy_set_header Host $host;
+        proxy_set_header X-Real-IP $remote_addr;
+        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
+        proxy_buffering off;
+        proxy_cache off;
+    }
+
     # MinIO使用外部服务，不需要代理
 
     # 错误页面配置

rtsp-vue/src/views/video/device/component/flv.vue

@@ -68,7 +68,8 @@ onMounted(() => {
 const getDetails = async (deviceId) => {
   const res = await getDevice(deviceId);
   tableData.value = res.data;
-  playUrl.value = `http://localhost:8866/live?url=${tableData.value.url}`;
+  // 使用当前访问的域名和端口，通过Nginx代理访问视频流
+  playUrl.value = `${window.location.origin}/live?url=${tableData.value.url}`;
   handlePlay();
 }