Problema al cargar los datos de la api

Me aparece el siguiente error mostrarVideos.js:2

    GET http://127.0.0.7:5500/js/conexionAPI net::ERR_ABORTED 404 (Not Found); este es mi codigo 
    
    

async function conexion() { try { const response = await fetch("localhost:3001/videos"); if (!response.ok) { throw new Error("Error en la solicitud"); } const data = await response.json(); return data; } catch (error) { console.error("Error al listar los videos:", error); } }

export const conexionAPI = { conexion };

// mostrarVideos.js import { conexionAPI } from "./conexionAPI";

const lista = document.querySelector("[data-list]");

function crearCard(titulo) { const video = document.createElement("li"); video.className = "videos__item";

video.innerHTML = `
    <iframe width="100%" height="72%" src="https://www.youtube.com/embed/QjOWz9avkg8"
        title="${titulo}" frameborder="0"
        allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
        allowfullscreen></iframe>
    <div class="descripcion-video">
        <img src="./img/logo.png" alt="logo canal alura">
        <h3>${titulo}</h3>
        <p>236 mil visualizaciones</p>
    </div>`;

return video;

}

async function listarVideo() { const listVideos = await conexionAPI.conexion(); listVideos.forEach(video => lista.appendChild(crearCard(video.titulo))); }

listarVideo();

y el llamado del script en el html es asi como lo tengo