Не удалось получить: Js-код в шаблоне Html

В JS-коде я использую fetch для выполнения GET-запросов к url для получения данных в формате JSON. Этот js-код находится в моем проекте Django, и я использую его в некоторых шаблонах. Когда я нажимаю на кнопку, активирующую js-скрипт, он сообщает мне, что в fetch произошла ошибка, кто-нибудь может мне помочь?

function iniciarEscaneo() {
// Mostrar el mensaje de escaneo en progreso
document.getElementById("mensaje").innerText = "Escaneando NFC...";
document.getElementById("mensaje").style.display = "block";

// Establecer tiempo límite de espera en 10 segundos (10000 milisegundos)
var tiempoLimite = 10000;

// Realizar la solicitud GET a la URL para obtener el NFC
fetch("http://192.168.0.23:8081/read_nfc")
    .then(response => response.json())
    .then(data => {
        // Procesar la respuesta JSON
        if (data && data.uid) {
            // Actualizar el campo UID NFC en la plantilla con el UID obtenido
            document.getElementById("mensaje").innerText = "NFC leído correctamente.";
            document.getElementById("id_uid_nfc").innerText = data.uid;
        } else {
            document.getElementById("mensaje").innerText = "No se pudo leer el NFC.";
        }
    })
    .catch(error => {
        console.error('Error al obtener el NFC:', error);
        document.getElementById("mensaje").innerText = "Error al obtener el NFC: " + error.message;
    })
    .finally(() => {
        // Ocultar el mensaje después de un breve período de tiempo
        setTimeout(function() {
            if (document.getElementById("mensaje").innerText === "Escaneando NFC...") {
                document.getElementById("mensaje").innerText = "Tiempo de espera excedido. Intenta nuevamente.";
            }
            document.getElementById("mensaje").style.display = "none";
        }, tiempoLimite);
    });

}

Я пытался решить эту проблему, разрешив перекрестное происхождение, но ничего не вышло.

Вернуться на верх