我有这个作为我的快速服务器的配置
app.use(app.router);
app.use(express.cookieParser());
app.use(express.session({ secret: "keyboard cat" }));
app.set('view engine', 'ejs');
app.set("view options", { layout: true });
//Handles post requests
app.use(express.bodyParser());
//Handles put requests
app.use(express.methodOverride());
但是当我在我的路由中请求req.body.something时,我得到了一些错误,指出body是未定义的。下面是一个使用req的路由示例。身体:
app.post('/admin', function(req, res){
console.log(req.body.name);
});
我读到这个问题是由缺乏app.use(express.bodyParser())引起的;但你可以看到,我把它叫做路线之前。
有线索吗?
问题得到了解答。但由于它是相当通用和要求。body未定义是一个常见的错误,特别是对于初学者,我发现这是恢复我所知道的关于这个问题的最好地方。
此错误可能由以下原因引起:
1. [服务器端][经常]忘记或误用解析器中间件
您需要使用适当的中间件来解析传入的请求。例如,express.json()以JSON格式解析请求,express.urlencoded()以urlencoded格式解析请求。
const app = express();
app.use(express.urlencoded())
app.use(express.json())
您可以在express文档页面中看到完整的列表
如果在Express中找不到适合请求的解析器(XML、form-data…),就需要为它找到另一个库。例如,要解析XML数据,可以使用这个库
您应该在路由声明部分之前使用解析器中间件(我做了一个测试来确认这一点!)中间件可以在初始化express app后立即配置。
像其他答案指出的那样,bodyParser自express 4.16.0以来就已弃用,您应该像上面那样使用内置中间件。
2. [客户端][很少]忘记随请求一起发送数据
你需要发送数据…
要验证数据是否已随请求一起发送,请打开浏览器的devtools中的Network选项卡并搜索您的请求。
这种情况很少见,但我看到一些人试图在GET请求中发送数据,因为GET请求请求。Body未定义。
3.[服务器和客户端][经常]使用不同的内容类型
Server and client need to use the same Content-Type to understand each other. If you send requests using json format, you need to use json() middleware. If you send a request using urlencoded format, you need to use urlencoded()...
There is 1 tricky case when you try to upload a file using the form-data format. For that, you can use multer, a middleware for handling multipart/form-data.
What if you don't control the client part? I had a problem when coding the API for Instant payment notification (IPN). The general rule is to try to get information on the client part: communicate with the frontend team, go to the payment documentation page... You might need to add appropriate middleware based on the Content-Type decided by the client part.
最后,给全栈开发者一个建议:)
当遇到这样的问题时,尝试使用一些API测试软件,如Postman。目标是消除客户端部分的所有噪声,这将帮助您正确识别问题。
在Postman中,一旦得到正确的结果,就可以使用软件中的代码生成工具来获得相应的代码。按钮</>在右边栏上。你有很多流行语言/库的选择…
感谢@spikeyang的精彩回答(如下所示)。在阅读了这篇文章后,我决定分享我的解决方案。
什么时候使用?
解决方案要求你使用快速路由器才能享受它。所以:
如果你试图使用已接受的答案,但运气不好,只需使用复制粘贴这个函数:
function bodyParse(req, ready, fail)
{
var length = req.header('Content-Length');
if (!req.readable) return fail('failed to read request');
if (!length) return fail('request must include a valid `Content-Length` header');
if (length > 1000) return fail('this request is too big'); // you can replace 1000 with any other value as desired
var body = ''; // for large payloads - please use an array buffer (see note below)
req.on('data', function (data)
{
body += data;
});
req.on('end', function ()
{
ready(body);
});
}
叫它:
bodyParse(req, function success(body)
{
}, function error(message)
{
});
注意:
对于大的有效载荷-请使用数组缓冲区(更多@ MDN)
浪费了很多时间:
这取决于客户端请求中的Content-Type
服务器应该有不同的,以下app.use()之一:
app.use(bodyParser.text({ type: 'text/html' }))
app.use(bodyParser.text({ type: 'text/xml' }))
app.use(bodyParser.raw({ type: 'application/vnd.custom-type' }))
app.use(bodyParser.json({ type: 'application/*+json' }))
来源:https://www.npmjs.com/package/body-parser bodyparsertextoptions
例子:
对我来说,
在客户端,我有以下标题:
Content-Type: "text/xml"
因此,在服务器端,我使用:
app.use(bodyParser.text({type: 'text/xml'}));
然后,要求。身体工作正常。