React JS - Fetch（）事件結果在404找不到

Question

我已經創建了一個React JS應用程序並向類中添加了一個fetch()事件，但我無法找到如何找到文件路徑，因為生成的代碼導致控制台中出現404 Not Found錯誤。

LoginForm.js:11 POST http://localhost:3000/api/user-login 404 (Not Found)

我想在/src/api/user-login.js找到user-login.js

這是我的文件夾結構：

https://monosnap.com/direct/DT5zykUaHOVz8YMJy9O96B762bOsvQ

以下是LoginForm.js類中的相關代碼：

class LoginForm extends React.Component {
    handleSubmit(event) {
        var user = {
            'clientname': 'client name here',
            'email': 'client email here'
        };

        fetch('/api/user-login', {
            method: 'POST',
            headers: {
                'Content-Type': 'application/json'
            },
            body: JSON.stringify(user)
        })
    }

    render() {
        // Stuff that gets rendered
    }
}

我已經嘗試了我能想到的/app/user-login每個變體，包括：

app/user-login
app/user-login.js
/app/user-login
/app/user-login.js
./app/user-login
./app/user-login.js
../app/user-login
../app/user-login.js

有人可以告訴我如何鏈接到這個文件？ 對不起，如果這是一個愚蠢的問題，我只學了幾天React JS。 謝謝你的幫助。

Answer 1

我沒有設置API服務器，這就是顯示404錯誤的原因。 我不得不使用ExpressJS，這意味着只要我的React應用程序向非靜態資產（基本上不是圖像或CSS或index.html）發出請求，它就會將請求轉發給服務器。

我使用以下教程來做到這一點：

https://daveceddia.com/create-react-app-express-backend/