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 的相关文章

  • 纤维/未来实际上有什么作用?

    下面这行代码的作用是什么 Npm require fibers future 我在网上查找示例 发现了一些这样的示例 Future Npm require fibers future var accessToken new Future 什
  • 此页面上的脚本导致 ie 运行缓慢

    问题就在标题中 IE 行为异常 并说有一个脚本运行缓慢 FF 和 Chrome 没有这个问题 我怎样才能找到问题所在 那个页面有很多JS 手动检查不是一个好主意 EDIT 这是我正在处理的一个项目的页面 但我需要一个工具来查找问题 End
  • React JS 服务器端问题 - 找不到窗口

    你好 我正在尝试在我的reactJS项目中使用react rte 我有服务器端渲染 每次我想使用这个包时 我都会得到 return msie 6 9 b test window navigator userAgent toLowerCase
  • JavaScript 将键添加到数组中的每个值

    我下面有这个数组 它由一个简单的数组组成 我想要完成的是放一把钥匙id在每个数组值前面以实现类似的效果 id a id b id c id d 有没有一种简单的方法可以做到这一点 任何帮助将不胜感激 谢谢 var test a b c d
  • Node.js 升级在 Windows 中仍然显示旧版本

    我已使用 msi 安装程序下载并安装了新版本的 nodejs 4 1 2 之后我跑了node v 但它仍然显示旧版本 0 12 2 我尝试重新启动Windows 甚至卸载nodejs并重新安装它 但仍然显示相同的内容 为什么会发生这种情况
  • 全局传递 xhr onload 函数的值

    在我正在创建的应用程序中 我有以下 XMLHttpRequest 并且我正在尝试传递结果data在 的里面xhr onload 到在同一父函数中创建的数组中 var url http api soundcloud com resolve j
  • 为什么在 JavaScript 中 if([]) 被验证而 [] == false ?

    if false alert empty array is false alert alert 0 if alert empty array is true 他们都会运行警报 Demo http jsfiddle net roine ZFD
  • 如何仅显示/隐藏此 bootstrapvue 表的第二列和第三列?

    下面的代码将显示 隐藏 a 中的所有列BootstrapVue桌子 代码的来源就是这里的答案 使用 bootstrap vue 组件和 bootstrap 3 动态显示 隐藏列 https stackoverflow com questio
  • 如何将 arraylist 从 servlet 传递到 javascript?

    我通过在属性中设置数组列表并将其转发到 jsp 来从 servlet 传递数组列表 Servlet ArrayList
  • 模板中带有 ng-if 的 angularjs 指令

    我正在构建一个在模板内使用 ng if 的指令 奇怪的是 提供给链接函数的元素没有扩展ng if代码 它只是ng if的注释行 经过一番尝试 我发现通过将链接代码包装在 timeout 中似乎可以使其正常工作 但我想知道这是否不是正确的处理
  • 如何使用新的analytics.js跟踪多个帐户?

    我需要使用 Google 的新的analytics js 跟踪一个页面上两个帐户的综合浏览量 有大量教程和示例如何使用较旧的 ga js 进行操作 但我发现的只是这个分析文档页面 https developers google com an
  • Web组件中嵌套槽的内容不可见

    我有一个 Web 组件 它应该接受任意元素来包装其内容 虽然我可以在 Chrome 开发工具中看到插槽已正确分配 但 DOM 中什么也没有出现 以前有人见过这个问题吗 定义 class ExampleParent extends HTMLE
  • 呃!尝试将包发布到 npm 时出现 403

    我正在尝试将包发布到 npm 您可以在此处查看存储库 https github com biowaffeln mdx state https github com biowaffeln mdx state 我登录到 npmnpm login
  • 如何在画布上所有其他内容后面绘制图像? [复制]

    这个问题在这里已经有答案了 我有一块画布 我想用drawImage在画布上当前内容后面绘制图像 由于画布上已经有内容 我正在使用字面上的画布来创建包含图像的画布 因此我无法真正先绘制图像 所以我无法使用drawImage在我呈现其余内容之前
  • Service Worker 与 Shared Worker

    Service Worker 和 Shared Worker 有什么区别 我什么时候应该使用 Service Worker 而不是 Shared Worker 反之亦然 Service Worker 具有共享 Worker 之外的附加功能
  • 使用socket.io进行用户身份验证

    我已经红色了这个教程 http howtonode org socket io auth http howtonode org socket io auth 它展示了如何使用express和socket io对用户进行身份验证 但是有没有一
  • PDF 在 Safari 中隐藏 Jquery Modal

    这是与我有关的事情this https stackoverflow com questions 24052681 pdf hide jquery modal in ie问题 在 IE 中 我在对话框中使用 iframe 解决了问题 所以它工
  • ThreeJS 中阴影的奇怪行为

    所以我有一个 ThreeJS 场景 并且添加了一些球体 多材质 我还添加了定向光 this light new THREE DirectionalLight 0xFFFFFF 1 this light position set 2 10 2
  • Jwt 签名和前端登录身份验证

    我有这个特殊的 jwt sign 函数 Backend const token jwt sign id user id process env TOKEN SECRET expiresIn 1m res header auth token
  • 将多维数组转换为单数组(Javascript)

    我有一个对象数组 来自 XLSX js 解析器 因此其长度和内容各不相同 表示已给予项目的资助 简化后 它看起来像这样 var grants id p 1 location loc 1 type A funds 5000 id p 2 lo

随机推荐

  • 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