Umi3入门到进阶-第二篇：路由系统详解

Umi3入门到进阶-第二篇：路由系统详解

在Umi 3项目开发中，路由系统是至关重要的一环，它决定了用户如何在不同页面间进行导航与交互。Umi 3提供了灵活且强大的路由解决方案，包括约定式路由和配置式路由。本文将深入剖析Umi 3的路由系统，详细讲解各类路由的实现方式、配置方法以及路由传参与参数获取的相关知识，帮助开发者熟练运用路由功能，打造高效的前端应用。

一、约定式路由深入

（一）基于src/pages目录结构的路由生成规则

Umi 3的约定式路由极大地简化了路由配置流程，其核心原理是依据src/pages目录的文件和文件夹结构自动生成路由。在src/pages目录下，每一个.js或.jsx文件都对应一个路由页面。例如，创建src/pages/about.jsx文件，该文件内容如下：

import React from'react';

const About = () => {
  return (
    <div>
      <h1>关于我们</h1>
    </div