React中Axios实例切换baseURL后持续重载问题求助

我是React新手，使用Axios创建实例时遇到问题：
当baseURL设为本地地址http://127.0.0.1:8000/时，实例运行完全正常：

const instance = axios.create({
    baseURL: "http://127.0.0.1:8000/",
    headers: {
        ContentType: "application/json",
    },
});

但将baseURL替换为局域网地址http://192.168.10.45:8000/后，页面开始持续重载，对应配置如下：

const instance = axios.create({
    baseURL: "http://192.168.10.45:8000/",
    headers: {
        ContentType: "application/json",
    },
});

排查方向 #

• 跨域配置检查：确认后端是否配置了CORS，允许当前前端页面的域名/端口访问192.168.10.45:8000。如果没有配置跨域，浏览器会拦截请求，可能触发页面的异常重载逻辑。
• 请求错误捕获：检查是否存在未捕获的Axios请求异常。如果请求失败后没有通过.catch()或try/catch处理，错误冒泡可能会触发全局错误处理器中的页面刷新操作。
• 后端服务状态：验证http://192.168.10.45:8000的服务是否正常运行，能否通过浏览器直接访问接口。若服务未启动或响应异常，前端的重试逻辑可能导致页面持续重载。
• 前端逻辑检查：排查是否存在请求完成后触发路由跳转或状态无限更新的情况。比如useEffect的依赖项设置不当，导致请求完成后反复触发组件渲染甚至页面重载。

内容的提问来源于stack exchange，提问作者daavkaa