7、Remix 中的路由：构建动态 Web 应用的高效之道

Remix 中的路由：构建动态 Web 应用的高效之道

技术要求与准备

在开始之前，确保你已经按照之前章节的指导搭建好了 BeeRich 示例应用。如果还没有完成，可参考相关章节的说明进行操作。你可以在 GitHub 上找到本章的解决方案代码和额外信息： https://github.com/PacktPublishing/Full-Stack-Web-Development-with-Remix/tree/main/04-routing-in-remix 。

Remix 路由模块 API 概述

Remix 承担着编译器、运行时和路由器的职责。在 Remix 中，你可以创建路由模块，这些模块构成了一个层次结构。Remix 的路由器会根据请求来确定匹配并渲染哪些路由模块。接下来，我们将详细介绍如何在 Remix 中创建路由模块，包括如何创建独立页面，理解路由与 root.tsx 文件的关联，以及索引路由的作用。最后，我们会介绍路由模块可以导出的不同内容。

路由文件命名约定

Remix v2 采用了新的路由文件命名约定，本文将遵循这一约定。如果你是 Remix 的新手，本章将帮助你快速上手最新的约定。如果你有 Remix v1 文件系统路由约定的经验，可以参考这个指南了解变化：