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应用向非静态资产（基本上不是图像，CSS或index.html）发出请求时，它将请求转发给服务器。

我使用下面的教程来做到这一点：

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

找不到404的React JS-Fetch（）事件结果

1 个答案: