多个视频导致请求资源被占用

src/views/coursewarePlay/component/video-play.tsx

@@ -17,11 +17,15 @@ export default defineComponent({
       default: () => {
         return {}
       }
+    },
+    isEmtry: {
+      type: Boolean,
+      default: false
     }
   },
   emits: ['loadedmetadata', 'togglePlay', 'ended', 'reset'],
   setup(props, { emit, expose }) {
-    const { item } = toRefs(props)
+    const { item, isEmtry } = toRefs(props)
     const videoRef = ref()
     const videoItem = ref<Plyr>()
     const controlID = 'v' + Date.now() + Math.floor(Math.random() * 100)
@@ -150,7 +154,7 @@ export default defineComponent({
       <div class={styles.videoWrap}>
         <video
           style={{ width: '100%', height: '100%' }}
-          src={item.value.content}
+          src={isEmtry.value ? '' : item.value.content}
           ref={videoRef}
           playsinline="false"
         ></video>

src/views/coursewarePlay/index.tsx

@@ -674,6 +674,7 @@ export default defineComponent({
             <div class={styles.wraps}>
               {data.itemList.map((m: any, mIndex: number) => {
                 const isRender = m.isRender || Math.abs(popupData.activeIndex - mIndex) < 2
+                const isEmtry = Math.abs(popupData.activeIndex - mIndex) > 4
                 if (isRender) {
                   m.isRender = true
                 }
@@ -717,6 +718,7 @@ export default defineComponent({
                         <VideoPlay
                           ref={(v: any) => (data.videoRefs[mIndex] = v)}
                           item={m}
+                          isEmtry={isEmtry}
                           onLoadedmetadata={(videoItem: any) => {
                             m.videoEle = videoItem
                           }}

vite.config.ts

@@ -11,7 +11,8 @@ function resolve(dir: string) {
 }
 // https://vitejs.dev/config/
 // https://github.com/vitejs/vite/issues/1930 .env
-const proxyUrl = 'https://test.lexiaoya.cn/';
+// const proxyUrl = 'https://test.lexiaoya.cn/';
+const proxyUrl = 'https://online.lexiaoya.cn/';
 // const proxyUrl = 'http://47.98.131.38:8989/'
 // const proxyUrl = 'http://192.168.3.20:8989/' // 邹旋
 // const proxyUrl = 'http://192.168.3.143:8989/' // 尚科