Reactjs React.js中出现问题，useContext数据加载错误404

大家下午好，我已经完成了我的项目并上传到Netlify。当我重新加载页面时遇到了这个问题，我得到了一个错误404。控制台说我得到了一个未定义的，因为我想端点没有得到数据。我如何解决或重构我的代码来解开这个谜团，有什么建议吗

以下是我的背景：

import React, { createContext, useState, useEffect } from 'react';

export const ModelsContext = createContext();

const ModelsProvider = (props) => {

        //State de modelos
        const [ modelo, guardarModelo ] = useState([]);
        const [ modelos, guardarModelos ] = useState([]);
        const [ allModelos, guardarAllModelo ] = useState([]);

        const { id } = modelo;

        console.log(id);

         //Cargar un modelo
         useEffect(() => {
             const consultarAPI = async () => {         
                try {
                    const api = await fetch("https://challenge.agenciaego.tech/models");
                    const modelos = await api.json();
    
                    const api2 = await fetch(`https://challenge.agenciaego.tech/models/${id ? id : ""}`);
                    const modelo = await api2.json();
           
                    guardarAllModelo(modelos);
                    guardarModelos(modelos);
                    guardarModelo(modelo);

                } catch (error) {
                   console.log(error); 
                }
             }
             consultarAPI()
         }, [id]);

    return (
        <ModelsContext.Provider
            value={{
                allModelos,
                modelo,
                modelos,
                guardarModelo,
                guardarModelos
            }}
        >
            {props.children}
        </ModelsContext.Provider>
    )
}

export default ModelsProvider;

import React，{createContext，useState，useffect}来自'React'；
导出常量ModelsContext=createContext（）；
常量模型提供者=（道具）=>{
//莫代罗斯州
const[modelo，guardarModelo]=useState（[]）；
const[modelos，guardarModelos]=useState（[]）；
const[allModelos，guardarAllModelo]=useState（[]）；
const{id}=modelo；
console.log（id）；
//卡加模式
useffect（（）=>{
const consultarAPI=async（）=>{
试一试{
const api=等待获取（“https://challenge.agenciaego.tech/models");
const modelos=await api.json（）；
const api2=等待提取(`https://challenge.agenciaego.tech/models/${id？id:“}`）；
const modelo=wait api2.json（）；
guardarAllModelo（modelos）；
GuardardModelos（modelos）；
瓜达莫洛（莫洛）；
}捕获（错误）{
console.log（错误）；
}
}
领事馆（）
}，[id]）；
返回(
{props.children}
)
}
导出默认模型Provider；

然后是指向整个存储库的链接：

最后是部署链接：

---

提前感谢大家，干杯

这是Netlify的问题，而不是你的应用程序。您需要告诉Netlify返回所有路径的index.html

在项目的根目录中创建一个名为

netlify.toml

的新文件，并添加以下内容

netlify.toml

[[redirects]]
  from = "/*"
  to = "/index.html"
  status = 200

---

哇，谢谢你，本杰明！现在它运行良好，我认为我的代码是错误的（这是习惯）=）