时间戳

首页 > 解决方案 > 如何从 Express 中的请求中获取数据

javascript - 如何从 Express 中的请求中获取数据

问题描述

我想为我的网络应用程序构建一个登录页面，并且我想使用 fetch 将数据发送到我的快速服务器，但是当我将 req 记录到控制台时，即使我发送了一个带有名称的对象，“req.body”也是一个空对象和密码属性任何人都可以帮助

客户端代码：

<!DOCTYPE html>
<html>
<head>
</head>
<body>
<input type="text" id="name" name="name" />
<input type="password" id="password" name="password" />
<button onclick="send()">login</button>
<script>
    async function send() {
        let name = document.getElementById('name').value
        let password = 
    document.getElementById('password').value

        let res = await 
 fetch('http://localhost:3000/api/login', {
            method: 'POST',
            headers: {
                'Content-Type': 'application/json'
            },
            body: JSON.stringify({
                name,
                password                    
            })
        })
        if(res.redirected) {
            window.location.href = "/chat"
            localStorage.setItem('name', name)
            localStorage.setItem('password', password)
        } else {
            alert('not correct :P')
        }
    }
    </script>
   </body>          
   </html>

服务器端代码：

app.use(express.urlencoded({ extended: true })); 

app.post('/api/login', (req, res) => {
  console.log(req.body)
  // why the output is an empty object {}
  res.redirect('/login')
})

我是前端开发人员，并且是后端新手#edit：我的服务器代码是 app.post() 但我不小心放了 app.get() #因为我重写了服务器代码而不是粘贴它

标签： javascriptnode.jsexpressbackend

解决方案

尝试app.post代替app.get. 见https://expressjs.com/en/guide/routing.html

您的 javascript 正在执行 HTTP POST 请求，但 express 仅处理 HTTP GET 请求。

推荐阅读