使用 sequelize-typescript 连接到 PostgreSQL 的 Angular 6 webapp答案

【问题标题】：Angular 6 webapp that connects to PostgreSQL using sequelize-typescript使用 sequelize-typescript 连接到 PostgreSQL 的 Angular 6 webapp
【发布时间】：2018-10-30 03:24:17
【问题描述】：

我正在使用 Angular6、PostgreSQL 和 sequelize-typescript。目标是连接到数据库并将姓名和年龄列表放入表中。

我首先创建了一个 Express 服务器。
然后我使用 sequelize-typescript 连接到我的 PostgreSQL 数据库并在初始化服务器时调用此连接
我使用 sequelize-typescript 创建了我的数据元素模型，并使用它连接到我的 PosgreSQL DB。
然后我使用 Express Router 创建了一个简单的数据路由
我将路由添加到初始 Express 服务器这一切似乎都奏效了（尽管我在学习时很混乱）。但是我可以通过浏览器（localhost:3000）访问我的本地服务器并使用 PostMan 从数据库中获取数据（localhost:3000/people）。

客户端：

我已经有了使用命令行创建项目的初始前端应用程序。我可以在 (localhost:4200) 找到这个
我使用 ng g component people 创建了一个名为 people 的简单组件。
如何将数据从我的服务器路由获取到客户端组件？我相信它是通过 HTTP 然后订阅，但似乎有很多不同的方法可以做到这一点。我正在寻找有关在 Angular6 中使用的最佳模式的建议。

TL;DR 如何从我的路由到前端获取数据

【问题讨论】：

经过一番研究，我在客户端调用api.service.ts创建了一个Service。我能够使用 ng g service api 创建它。从那里，我能够将服务添加到我的组件的构造函数中，这样我就可以访问 api.service。 api 服务是一个 Httpclient，它监听我的路由器的 URL。我觉得我快接近了......现在我的问题是客户端错误“请求的资源上不存在'Access-Control-Allow-Origin'标头。”

标签： node.js postgresql typescript angular6

【解决方案1】：

我终于让它正常工作了，我需要创建一个侦听 API url 的服务，然后我可以从那里将 observable 返回给组件。解决方案（即使没有正确清理）位于： https://github.com/micklynch/travelbudget

【讨论】：