Angular 2 http post + Nodejs Express

2024-05-03

我无法在服务器上获取帖子参数。我将 Angular 2 应用程序中的 post 请求发送到 Nodejs Express 服务器。 这是我在 Angular 2 中的代码:

import { Injectable } from 'angular2/core';                                                                                                    
import { Http } from 'angular2/http';

@Injectable()
export class QueryService {
  static get parameters() {                                                                                                                    
    return [[Http]]                                                                                                            
  }                                                                                                                                            
  constructor(http) {                                                                                                            
    this.http = http;                                                                                                                          
  }
  postApi() {
    var headers = new Headers();
    headers.append('Content-Type', 'application/json');

    return this.http.post('http://localhost:3001/post_test', JSON.stringify({"id": 1, "name": "2"}), { headers: headers }).toPromise();
  }                                                                                                                                            
}

在浏览器中,我看到帖子参数已发送,例如在 chrome 部分“请求播放负载”中包含我的帖子数据。 这是我的服务器:

app.js:

var bodyParser = require('body-parser');
app.use(bodyParser.json());                                                                                                                
app.use(bodyParser.urlencoded({extended: true}));                                                                                          

路线/index.js:

exports.post_test = function(req, res) {
    console.log('post_test ', req.body);
}

输出是“post_test {}”

我不明白,问题出在哪里。因为当我使用 Angular 1 $http 服务进行后查询时,我的服务器工作正常。 请帮我!


您忘记导入Headers class:

import { Injectable } from 'angular2/core';                                                                                                    
import { Http, Headers } from 'angular2/http'; // <----

在这种情况下,标头不会与您的请求一起发送,但不会显示错误。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Angular 2 http post + Nodejs Express 的相关文章

随机推荐

  • CMake:不要为链接中使用的单个库设置 rpath

    我想要做的是配置我的 CMakeLists 文件 以便在构建我的项目时 链接器使用驻留在我的构建树中的共享库 so 的副本来链接可执行文件 但不会在中设置 rpath链接的可执行文件 以便系统必须在加载程序请求时提供该库 具体来说 我想在构
  • 在 R 闪亮应用程序中接受 HTTP 请求

    我制作了一个闪亮的应用程序 需要从另一台服务器获取其数据 即打开闪亮的应用程序时 另一台服务器向闪亮的应用程序发送请求以打开应用程序并向其提供所需的数据 为了模拟这一点 当我在 Firefox 中打开 R闪亮应用程序时 我可以将以下内容发送
  • Android中如何向系统/应用程序写入权限

    如何给写permission to system app文件夹 我已经root了我的Android设备 我想下载该应用程序并安装在system app folder Process p Runtime getRuntime exec su
  • 使用 numpy 网格绘制二维等值线图的最佳方法

    我正在寻找使用 numpy 网格创建等高线图的最佳方法 我的列中有 Excel 数据 简单如下所示 x data values 3 2 1 0 1 2 3 3 2 1 0 1 2 3 y data values 1 1 1 1 1 1 1
  • 计算日期之间的差异 - Postgres

    我需要计算 3 个不同日期的天数 我需要运行逻辑以从下面的伪逻辑获取整数值 future date 1 future date 2 今天 如何在 PostgreSQL 中实现这一点 为了实现日期相差天数 SELECT DATE PART d
  • 由于命名空间“xmlns”,无法使用 XSLT 转换 XML

    我一直在尝试使用 XSLT 转换 XML 文件 但由于一些问题 即 xmlns 它没有转换 我 一辈子都找不到问题所在 XML 文件
  • 如何在页面背景中包含 reCAPTCHA v3?

    在 reCAPTCHA v3 文档中 它说 当 reCAPTCHA 拥有与您的网站交互的最多上下文时 它的效果最好 这来自于查看合法和滥用行为 因此 我们建议在表单或操作以及分析页面的后台包含 reCAPTCHA 验证 我们如何在页面后台运
  • Apple Watch 基础本地化显示错误的默认语言

    我有一个应用程序本地化为三种语言 简体中文 法语和捷克语 并以英语作为开发语言 虽然本地化在 iPhone 上完美运行 但 Apple Watch 存在问题 如果用户将 Watch 语言设置为英语 法语 中文 捷克语以外的任何其他语言 则内
  • AWS Cloudformation [/Resources/PrivateGateway/Properties] 模板中不允许使用“null”值

    我正在尝试运行 Cloudformation 模板来创建私有 API 网关 但收到空值错误 无法弄清楚原因 以下是我正在尝试使用的模板 AWSTemplateFormatVersion 2010 09 09 Transform AWS Se
  • 我可以使用开发者密钥通过 Google Sheets API 无需 Oauth 向 Google Sheet 写入数据吗?

    我正在开发一个使用 Google Sheets API 读取和更新 Google 电子表格中的值的应用程序 我可以使用我的开发人员密钥进行读取 但是尝试写入会返回此错误 请求缺少所需的身份验证凭据 需要 OAuth 2 访问令牌 登录 co
  • Cuda 6.5 找不到 - libGLU。 (在 ubuntu 14.04 64 位上)

    我已经在我的ubuntu上安装了cuda 6 5 我的显卡是 GTX titan 当我想要制作 cuda 样本之一时 模拟 粒子 我收到这条消息 gt gt gt WARNING libGLU so not found refer to C
  • 将外部 SVG 加载到 DOM 中,当前文档而不是子文档

    我正在尝试将外部 SVG 文档加载到一个简单的网页中 以便我可以将其用作基本的氯罗佩斯地图 然而 使用HTML 中的结果是 SVG 作为子文档加载 基本上我无法使用 jquery 按 ID 查询 SVG 路径 例如 NY css fill
  • 如何为 Spring REST 服务生成 WADL

    您好 我正在使用 Spring 3 5 0 Release 我想为我的 Spring Rest 服务生成 WADL 它们在 Spring 中有什么功能可以让我轻松生成 WADL 您可以使用 Swagger SpringMVC 它会自动将符合
  • 如何检查gitlab中项目的id

    我想使用 GitLab API 来获取我的项目的内容 网址是这样的 https gitlab com api v4 projects id repository files file path private token xxxxx 我已经
  • 通过表列标志将读取的数据标记为“正在处理”,然后在最后恢复

    以下是我创建的批处理作业的读取器 处理器 编写器和步骤的相关代码部分 我有一个更新的要求标志栏在读取数据的表 源表 中标记该数据正在由该作业处理 以便其他应用程序不会获取该数据 然后 一旦读取记录的处理完成 我需要将该列恢复为原始值 以便其
  • 在 sorbet 中,你能指定一个类型是一个类的后代吗?

    我有一个方法返回一个对象 该对象可能是许多不同类型的对象之一 但它们都是同一祖先类的一部分 精确的对象类型是动态推断的 但是 我对签名中返回值的内容感到困惑 我在下面使用了一个占位符instance of来说明问题 sig params i
  • 在 HTML 页面中显示代码片段

    就像 stackoverflow 的 WYSIWYG 文本编辑器中有一个代码示例插入器一样 参见此处的图片 http img72 imageshack us img72 8241 codesample png 我想要这样的格式化程序在 ht
  • 如何用单引号替换双引号

    我该如何更换 我认为这称为双引号 我认为它称为单引号 使用 PHP str replace text 或重新分配它 text str replace text
  • Dart chrome 扩展:监听 chrome api 事件

    为了更好地描述我的问题 我创建了一个用 Dart 编写的 chrome 扩展的小示例 您可以在以下位置查看代码或下载扩展程序Gist https gist github com andigehle a09ac9b765097bb84a65
  • Angular 2 http post + Nodejs Express

    我无法在服务器上获取帖子参数 我将 Angular 2 应用程序中的 post 请求发送到 Nodejs Express 服务器 这是我在 Angular 2 中的代码 import Injectable from angular2 cor