我在接收http.post的json時遇到了問題。讓我們明確一點: 這是我的組件文件:Angular2 http.post和undefined req.body
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"
當你在服務器端註銷req.body時,你會得到什麼。 – inoabrian
請發佈'req'的內容 –
嘿,在這種情況下我有'[object Object]'。當我使用'console.log(「接收到的數據:」JSON.stringify(req.body))''我有'{「{\」login \「:\」zupa \「}」:「」}'就像解析有問題一樣。 – elzoy