[英]Angular2 http.post and undefined req.body
我在从 http.post 接收 json 时遇到问题。 让我们说清楚一点:这是我的组件文件:
import {Component} from 'angular2/core'
import {Http, HTTP_PROVIDERS, Headers} from 'angular2/http'
@Component({
selector: 'login-form',
template: `
<form (ngSubmit)="onSubmit()">
<button type="submit">Wyslij</button>
</form>
`
})
export class LoginFormComponent {
constructor(public http: Http) { }
onSubmit() {
var headers = new Headers();
headers.append('Content-Type', 'application/x-www-form-urlencoded');
var data = JSON.stringify({
login: "zupa",
});
this.http.post('http://localhost:8080/send', data, {headers: headers})
.subscribe();
}
}
我的 server.js 文件
var express = require('express');
var path = require('path');
var favicon = require('serve-favicon');
var logger = require('morgan');
var cookieParser = require('cookie-parser');
var bodyParser = require('body-parser');
var routes = require('./routes/index');
var app = express();
// view engine setup
app.set('views', path.join(__dirname, 'views'));
app.use(express.static(path.join(__dirname, 'node_modules')));
app.use(express.static(path.join(__dirname)));
app.set('view engine', 'ejs');
app.engine('html', require('ejs').renderFile);
// uncomment after placing your favicon in /public
//app.use(favicon(path.join(__dirname, 'public', 'favicon.ico')));
app.use(logger('dev'));
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({ extended: false }));
app.use(cookieParser());
app.use(express.static(path.join(__dirname, 'public')));
app.use('/', routes);
app.get('*', function(req, res, next) {
res.render("index.html", {title: 'Aplikacja'});
});
app.listen(8080, function() {
console.log("Starting at localhost:8080");
});
module.exports = app;
如您所见,这是由 express 模块服务器文件生成的标准。
这是我的“路线”文件的内容。
var express = require('express');
var router = express.Router();
/* GET home page. */
router.get('/', function(req, res, next) {
res.render('index.html', {title: 'Infam'});
});
router.post('/send', function(req, res, next) {
console.log("Received data: " + req.body.login);
});
module.exports = router;
服务器向我返回一条消息:“接收到的数据:未定义”,我不知道为什么 req.body.login 未定义。 你能帮助我吗? 先感谢您。
PS:我用的时候也是一样
"login": "zupa"
代替
login: "zupa"
您应该设置适当的标头,因为您使用的是JSON。
headers.append('Content-Type', 'application/json');
检查接受的答案Angular2 - 为每个请求设置标头
它包括一个自定义的http客户端来处理您的请求,因此您不必为每个请求编写标头。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.