有没有一些简单的方法来读取 nuxtjs asyncData 函数中的 POST 请求参数?
这是一个例子:
Form.vue:
<template>
<form method="post" action="/clickout" target="_blank">
<input type="hidden" name="id" v-model="item.id" />
<input type="submit" value="submit" />
</form>
</template>
将以前的表单路由提交到以下 nuxt 页面:
Clickout.vue
async asyncData(context) {
// some way how to get the value of POST param "id"
return { id }
}
最佳答案
最后我找到了以下解决方法。我不确定这是否是最好的方法,但它确实有效:)
我需要添加服务器中间件 server-middleware/postRequestHandler.js
const querystring = require('querystring');
module.exports = function (req, res, next) {
let body = '';
req.on('data', (data) => {
body += data;
});
req.on('end', () => {
req.body = querystring.parse(body) || {};
next();
});
};
nuxt.config.js
serverMiddleware: [
{ path: '/clickout', handler: '~/server-middleware/postRequestHandler.js' },
],
Clickout.vue
async asyncData(context) {
const id = context.req.body.id;
return { id }
}
关于javascript - Nuxtjs中如何读取POST请求参数?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54289615/