首页 > 解决方案 > 重新加载页面时如何修复请求失败,状态码为 500

问题描述

这里的问题是每次我重新加载页面时都会收到此错误。这是Uncaught (in promise) Error: Request failed with status code 500.

这是我在 list.tsx 中的代码

const [state, setState] = useState([]);

    const { getRoom } = useRoom();

    const fetchData = async () => {
        return getRoom().then((res) => setState(res['data'].data));
    }
    
    useEffect(() => {
        (async function fetchData() {
            await fetchData();
        })();
    })

room.tsx 的代码

function useRoom() {

    const creds = useCredentials();

    Axios.defaults.baseURL = serverConfig[creds.server].api;

    return {
        getRoom: (params?: object) => Axios.get(`${API_URL}/room` + (params ? getQueryParams(params) : ''))
    };
}

标签: javascriptreactjstypescriptnext.js

解决方案


500 是服务器产生的错误代码。这不一定是您可以在客户端上解决的问题。您需要了解服务器返回 500 的请求以及原因。然后,也许您可​​以更改客户端上的某些内容(例如格式错误的请求)。或者,您可能需要更改服务器上的某些内容。

无论哪种方式,查看客户端 JS 代码都无法帮助您解决此问题。


推荐阅读