对NodeJS + Express进行Angular调用以获取基本GET请求

时间:2017-08-23 07:59:15

标签: javascript node.js angular express routing

我想简单地从Angular组件向NodeJS + Express服务器发出成功的GET请求。

someComponent.ts

console.log("Before");
// send to server
console.log(this.http.get('/email').map((res:Response) => { 
  console.log("middle");
  return res; 
}));
console.log("After");

server.js

app.get('/email', function(req, res, next){
    res.send('GET email request');
});

Chrome控制台输出:

Before
->t
   -> operator: t(thisArg: undefined, project: f)
   -> source: t {_isScalar: false, surce: t, operator t}
      _isScalar: false
   -> __proto__: Object
After

有人能告诉我这段代码是否有问题?我不认为回调函数正在执行,因为控制台没有输出"中间"。此外,我不知道这种“反应”对象是什么类型的' t'应该是在控制台。不应该是正确的控制台日志" GET电子邮件请求"而不是这个" t"对象

1 个答案:

答案 0 :(得分:1)

在app.module.ts中使用HttpModule:

import { HttpModule } from '@angular/http';

并添加到导入:[HttpModule]

您只需键入(在您的组件中):

constructor(private http: Http){}
this.http.get('http://full_uri_endpoint:port/email').subscribe(
  res => console.log(res),
  error => console.log(error)
);