Axios POST 请求将数据发送到 Express 服务器但错误 404

Question

Axios POST 请求将数据发送到 Express 服务器但错误 404

你好，世界，我正在尝试为我正在处理的项目构建用户身份验证服务器，但在尝试向我的 Node.js Express 服务器发送 POST 请求时遇到问题。

我想使用 Axios 发送一个 POST 请求，其中包含来自浏览器的用户名和密码。 但是一旦发送请求，它就会给我一个404 Not Found错误。 请求必须从 go 到http://website/api/login和我的 Node.js 代码应该返回“authed”或“invalid”。 我在 Postman 内测试了 API ，这似乎工作正常。 我还从 Postman 导出了请求代码，并使用fetch API 、 xhr和Axios对其进行了测试，都返回了相同的结果。

服务器接收数据并正确处理它，但是当我查看 Chromium 调试器时，似乎请求 URL只是http://website/而不是http://website/api/login 。 老实说，我迷路了，我尝试了一切感觉，但我似乎无法让它发挥作用。 任何能帮助我指出正确方向的帮助都会很棒！ 谢谢！

我用于 POST 请求的代码是：

    const username = document.getElementById("username").value;
        const password = document.getElementById("password").value;

        const data = JSON.stringify({"username": username, "password":password});

        const config = {
            method: 'post',
            url: 'http://website/api/login',
            headers: {
                'Content-Type': 'application/json'
            },
            data : data
        };

        axios(config).then(function (response) {
            console.log(JSON.stringify(response.data));
        }).catch(function (err) {
            console.log(err);
        })
    }

这是我在 Chromium 调试器中看到的： Headers

这是我的 Node.js / 快递代码：

app.post('/api/login', function (req, res, next) {
    scriptFile.authUser(req.body, function (err, state) {
        if (err) console.log(err);
        else {
            if (state) {
                res.send("authed");
            } else {
                res.send("invalid");
            }
        }
    });
})

感谢您为我提供的任何帮助。

Answer 1

我很蠢，

发生的事情的细分：

一切正常，除了我将输入数据和提交按钮放在表单中，这将刷新页面......

我通过将表单更改为 div 来修复它。

Answer 2

嘿，检查您的 chrome 控制台图片看起来您的帖子请求正在访问根 api 地址“http://website/”而不是完整路径“http://website/api/login”