客户端与服务器端路由

在我们之前的章节中，我们设置了链接的样式并添加了路由。 在深入研究编辑帖子之前，有一件事需要重点说明。 我们在 Angular 应用程序的 app routing 模块中定义了路由。

但是，我们还在后端 app.js 文件中定义了路由，并且这些路由未连接。 它们在不同的服务器上运行，因此我们的后端在 localhost:3000 上运行，因为这是我们定义的端口，并且它们做了不同的事情。

Angular 路由器是一个工具，能够解析我们应用程序的 URL，然后通过 JavaScript 在屏幕上渲染不同的内容。 它不会加载不同的 HTML 页面。 我们只有一个 HTML 页面，即 index.html 页面，但它会为我们访问的不同 URL 重新渲染该页面上的内容。

Angular 中，一个客户端应用程序只知道 Angular 路由器中的路由。 当我们稍后部署此应用程序时，服务器知道这些路由，但我们的后端或任何可能为我们的 Angular 应用程序提供服务的服务器都不知道。 我们将在稍后部署此应用程序时向您展示这意味着什么，以及如何让服务器知道这一点。

如果我们将 Angular 应用程序托管在与我们的 node 应用程序相同的服务器上，则需要牢记几件事，我们将在稍后看到，但重要的一点是，我们不能在后端也使用我们在 Angular 中定义的路由，例如 /create 路由，因为那样服务器会解析并理解它们，因为我们在 app.post() 中定义了它们。 它不会将页面解析到 Angular 以便也查看它。 相反，它将执行它所做的事情，这可能不是返回 index.html 文件。 因此，这是非常抽象的，我们将在部署应用程序时回到这一点，但是了解客户端路由和服务器端路由之间的区别很重要，前者是关于读取 URL 和重新渲染页面的一部分，而后者是关于处理传入的请求并发送回不同的内容。

示例

在服务器端路由中，当我们交换数据时，我们发送请求和响应，而在客户端情况下，我们没有这样做。 我们正在读取 URL，并且我们正在重新渲染页面。