Alibaba Cloud OSS habilitó el error de video de carga anti-leech Error XHR (req "error"), PUT https://file.test.net/?referer= -1, el navegador de Windows es normal/el navegador de Safari es anormal

Después de que Alibaba Cloud OSS habilita el enlace anti-leech, al cargar un video (cargar en partes), el navegador de la computadora Apple informa un error XHR (req "error"), PUT https://file.test.net/?referer = -1 (conectado: falso, socket keepalive: falso), lo que genera un error al cargar archivos

El proyecto vue llama a la interfaz de operación de archivos relevante a través del SDK OSS Browser.js

01. Pregunta

1. Después de habilitar el anti-leeching en OSS, el encabezado de la solicitud aún no está configurado con el referente
2. El referente se ha configurado en el request.js encapsulado
3. El referente se ha configurado en la configuración del proxy de vue.config.js
El error de la consola se muestra en la siguiente figura.

captura de pantalla de error de problema

02. Análisis de problemas

1. No aparecía el error al subir fotos
2. El video cargado por la computadora de la ventana puede ejecutarse normalmente incluso si la salida de la consola es incorrecta
3. La consola también generará un error cuando la computadora Apple cargue el video, pero no puede continuar ejecutándose

03. Resolución de problemas

1. Los encabezados deben configurarse en el método de solicitud de Alibaba Cloud
2. El parámetro de configuración en los encabezados es 'Referer': 'www.test.net' (el nombre de dominio del sitio de origen de OSS vinculado a la consola de Alibaba Cloud OSS)
3. Lo mejor es agregar la dirección IP local (192.168.88.*) al nombre de dominio del sitio de origen OSS vinculado a la consola Alibaba Cloud OSS; de lo contrario, el entorno local o de prueba no puede acceder al archivo Ali OSS.

La configuración se muestra en la siguiente figura.
información de configuración

Caso especial

Llame al método putBucketReferer(cliente) antes de solicitar el SDK de Alibaba Cloud, como se muestra en la figura a continuación.
Camino equivocado
Este error también ocurrirá en el método de la figura y volverá a la normalidad después de eliminarlo.

Los parámetros se introducen como se muestra en la siguiente figura.
Introducción a los parámetros putBucketReferer

Supongo que te gusta

Origin blog.csdn.net/mrliucx/article/details/130356948
Recomendado
Clasificación