16、构建 Angular 应用：从基础配置到认证模块搭建

构建 Angular 应用：从基础配置到认证模块搭建

1. 前期配置

在开始搭建 Angular 应用之前，我们需要对 Express 进行一些配置。首先，创建一个 /lib 静态路由，指向 node_modules 文件夹。同时，调整 users 和 index 路由的顺序，这在处理 Angular 路由机制时会很有用。

为确保 Express 应用在接收到未定义的路由时始终返回主应用视图，我们需要修改 app/routes/index.server.routes.js 文件：

module.exports = function(app) {
  const index = require('../controllers/index.server.controller');
  app.get('/*', index.render);
};

2. 应用结构重构

应用的结构取决于其复杂程度。对于简单应用，可以采用水平结构，即将实体按类型排列在文件夹中，主应用文件放在应用的根文件夹。但对于具有多个不同功能和更多实体的复杂应用，水平结构会使每个应用文件的行为模糊，文件夹臃肿，难以维护。

此时，垂直结构是更好的选择。垂直结构根据文件的功能上下文来组织，不同类型的实体可以根据其在某个功能或部分中的角色进行分类。在 Angular 应用中，逻辑单元通常有独立的模块文件夹结构，包含组件和模板文件