Angular4 作为现代化的前端框架之一，为我们开发 Web 应用程序提供了强大的支持。将 Angular4 应用程序连接到后端服务器是构建完整的 Web 应用的必要步骤。在本文中，我们将讨论如何在 Angular4 应用程序中链接服务器，并提供一个基于 Node.js 后端的代码示例作为参考。

1. 创建一个简单的 Node.js 后端

在此示例中，我们将使用 Node.js 作为后端服务器，并将其连接到我们的 Angular4 应用程序。请按照以下步骤创建简单的 Node.js 服务器：

• 在你的计算机上安装 Node.js。
• 创建一个名为 server.js 的文件，并在其中输入以下内容：

const http = require('http');
const hostname = '127.0.0.1';
const port = 3000;

const server = http.createServer((req, res) => {
  res.statusCode = 200;
  res.setHeader('Content-Type', 'text/plain');
  res.end('Hello World\n');
});

server.listen(port, hostname, () => {
  console.log(`Server running at http://${hostname}:${port}/`);
});

此服务器非常简单。它将响应所有传入的请求，无论路由、请求头或请求体是什么，都只会返回简单的 "Hello World" 文本。

• 在你的终端中通过输入 node server.js 命令启动服务器。如果你看到 "Server running at http://127.0.0.1:3000/"，则你的服务器已成功启动。

现在我们已经有了一个简单的 Node.js 后端服务器，我们可以将其连接到我们的 Angular4 应用程序。

2. 从 Angular4 应用程序访问后端服务器

在将 Angular4 应用程序连接到后端服务器之前，我们需要确保我们的 Angular4 应用程序已使用 Angular CLI 安装。如果你还没有安装 Angular CLI，请在终端中运行以下命令进行安装：

npm install -g @angular/cli

在我们的 Angular4 应用程序中，我们可以使用 Angular 的 HttpClientModule 模块来访问后端服务器。请按照以下步骤将我们的 Angular4 应用程序连接到我们的 Node.js 后端：

• 在你的 app.module.ts 文件中导入 HttpClientModule 模块并将其添加到 imports 数组中：

``