umi(3.0.5)版本之二约定式路由

看一下umi的官网，你会发现约定路由的规则改了。
动态路由
约定 [] 包裹的文件或文件夹为动态路由。

比如：

src/pages/users/[id].tsx 会成为 /users/:id
src/pages/users/[id]/settings.tsx 会成为 /users/:id/settings
举个完整的例子，比如以下文件结构，

.└── pages└── [post]├── index.tsx└── comments.tsx└── users└── [id].tsx└── index.tsx

之前是要在文件或文件夹前面加$，现在改成[]包裹的文件或文件夹

需要注意的是，满足以下任意规则的文件不会被注册为路由，

以 . 或 _ 开头的文件或目录
以 d.ts 结尾的类型定义文件
以 test.ts、spec.ts、e2e.ts 结尾的测试文件（适用于 .js、.jsx 和 .tsx 文件）
components 和 component 目录
utils 和 util 目录
不是 .js、.jsx、.ts 或 .tsx 文件
文件内容不包含 JSX 元素

等我按照规则建好文件后，发现动态路由没起作用。因为我忽略了这么一句话。
如果没有 routes 配置，Umi 会进入约定式路由模式，然后分析 src/pages 目录拿到路由配置。
这个routes配置在.umirc.ts文件里
.umirc.ts

import { defineConfig } from 'umi';export default defineConfig({routes: [{ path: '/', component: '@/pages/index' }],
});

它默认帮你配置了 routes，所以你得把routes: [{ path: ‘/’, component: ‘@/pages/index’ }]这行代码删掉，最后发现约定式路由起作用了^^
（说到umi的路由我就很气，因为之前我一直看的是umi2版本，但是我建的项目是3版本的，所以里面的约定路由死活弄不对，最后终于搞好了。）

umi(3.0.5)版本之二约定式路由相关推荐

umi 约定式路由关于 history.goBack() 的奇奇怪怪问题
背景:react umi框架,约定式路由,history.type = hash. 场景:空白的浏览器路径输入 -- localhost:8000/#/font 通过font页面里逻辑跳转到http: ...
umijs介绍及基本用法、配置式路由、约定式路由、路由传参等
umiJS Umi 是蚂蚁金服的底层前端框架中文可发音为乌米,是可扩展的企业级前端应用框架.Umi 以路由为基础的,同时支持配置式路由和约定式路由,保证路由的功能完备.同时有强大的插件扩展各种功能. ...
Sharding-JDBC（二）2.0.3版本实践
目录一.Sharding-JDBC依赖二.分片策略 1. 标准分片策略 2. 复合分片策略 3. Inline表达式分片策略 4. 通过Hint而非SQL解析的方式分片的策略 5. 不分片的策略 ...
PDMS二次开发产品Naki.CI（二）：升级到1.0.1版本
目录 1.概述 2.升级功能介绍 3.GPART元件特性 4.GPART应用场景 5.下载地址 1.概述 1.0.1版本重点增加了GPART功能,GPART功能是CI的一个重要功能,使得编码的应用得到 ...
UG二次开发教程(基于NX12.0/VS2015版本）
** UG二次开发教程(基于NX12.0/VS2015版本) 安装教程 ** UG NX12.0安装 NX12.0 安装包下载地址: 链接:https://pan.baidu.com/s/1I0CCF ...
适用于 VS 2022 .NET 6.0（版本 3.1.0）的二维码编码器和解码器 C# 类库
适用于 VS 2022 .NET 6.0(版本 3.1.0)的二维码编码器和解码器 C# 类库本文转载自CodeProject上的一篇博文适用于 VS 2022 .NET 6.0(版本 3.1.0) ...
PDMS二次开发产品Naki.CI（四）：升级到1.0.4版本
目录 1.概述 2.升级功能介绍 3.效果截图和说明 4.下载地址 1.概述 1.0.4版本完成了兼容英制尺寸描述功能,满足部分用户要求显示英制尺寸材料描述的要求. 2.升级功能介绍新增了公英制对照 ...
【Cocos2d-X(2.x) 游戏开发系列之二】cocos2dx最新2.0.1版本跨平台整合NDK+Xcode编译到Android...
本站文章均为李华明Himi 原创,转载务必在明显处注明: 转载自[黑米GameDev街区] 原文链接: http://www.himigame.com/hibernate/783.html ☞ 点击 ...
微信二次修改微信号_微信号怎么改第二次？微信7.0.15版本改微信号方法解析
微信7.0.15版本是最近出来的一个版本,可以修改微信号,赢得了很多用户的关注,那么具体的修改方法是什么?下面就是对相关内容的介绍,感兴趣的话可以一起来了解下. 微信支持修改微信号操作流程在7.0. ...

umi(3.0.5)版本之二约定式路由

umi(3.0.5)版本之二约定式路由相关推荐

最新文章

热门文章

umi(3.0.5)版本之二 约定式路由

umi(3.0.5)版本之二 约定式路由相关推荐

最新文章

热门文章

umi(3.0.5)版本之二约定式路由

umi(3.0.5)版本之二约定式路由相关推荐