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/