javascript - React JS - 未找到 404 中的 Fetch() 事件结果

Question

我创建了一个 React JS 应用程序并添加了一个 fetch()一个类的事件，但我无法弄清楚如何找到文件路径，因为结果代码导致 404 Not Found控制台错误。

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

我正在尝试定位 user-login.js在 /src/api/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 应用程序向非静态 Assets (基本上不是图像、CSS 或 index.html)发出请求时，它都会将请求转发到服务器。

我使用以下教程来执行此操作:

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