本教程第 77 篇文章发表之后，一位学习非常仔细的朋友发现了一个问题：

* [SAP UI5 应用开发教程之七十七 - SAP UI5 动态页面路由的高级用法：路由记录 routes 和 target 的一对多关系](https://blog.csdn.net/i042416/article/details/124548400)

> Hi,Jerry，我在复刻这个篇章的代码的时候遇到了一个问题：在mainfest.json文件中配置routes时，若把该篇的新的路由路径写在最后，点击Home对应的按钮会跳转到Employee视图去，但是浏览器上的路由路径又是正确的，相关的原因和原理可以讲讲吗？

![](https://img-blog.csdnimg.cn/img_convert/07e78447e3a4699490648c7a24645546.png)

# 简要回顾步骤 77 完成的开发内容

在步骤 77，我们在 UI 上增添了一个新按钮：

![](https://img-blog.csdnimg.cn/img_convert/aa4a012004cbc102b2257befa715e6fc.png)

这个按钮的事件响应函数：`this.getRouter().navTo("employeeOverview")`

![](https://img-blog.csdnimg.cn/img_convert/58e6ac389c6d376a2e94bd162d3c5bfe.png)

这个 `navTo` 方法的输入参数 `employeeOverview`，定义在 manifest.json 的 `routes` 区域里，位于第 85 行的 `employees` 记录之后。

![](https://img-blog.csdnimg.cn/img_convert/942ea5cb7a9bce6d0b732f56b80fdddd.png)

点击 `Show Employees Overview` 按钮之后，SAP UI5 路由框架从 manifest.json 文件 `routes` 区域解析出的记录里，找到路由 target，即上图高亮区域所示的配置信息，然后按照下图所示的顺序加载三个对应的 XML 视图文件：

![](https://img-blog.csdnimg.cn/img_convert/445d276ce2da044d5dd6d990ff4dc917.png)

最后完成页面渲染：

![](https://img-blog.csdnimg.cn/img_convert/431f02a22afa09716f496a536fc34fd0.png)

# 这位朋友遇到的问题

如果故意把步骤 77 新添加的 routes 数组里的元素，不放在正确的如图例 1 所示的位置，即位于 employeeList 这条记录之后，而是作为最后一条记录，放在 `routes` 末尾，如下图所示：

![](https://img-blog.csdnimg.cn/img_convert/e5586e1b3f809cbfa4e87b7af777ec3f.png)

为了不影响步骤 77 的学习，我把文件夹 77 拷贝了一份出来，重命名成 77-A，然后将上图的改动，实现在了 77-A 文件夹的 manifest.json 里面。

在 77-A 文件夹里执行命令行 `ui5 serve`, 点击 `Show Employee Overview` 按钮，会发生什么事情？

我们会观察到，SAP UI5 界面短暂显示了 Employee 的明细页面，即 `Employee.view.xml` 文件里的内容。

![](https://img-blog.csdnimg.cn/img_convert/c6cee4f4a8e73ff1f7aa14e77a5b79f8.png)

最后显示的内容变成了 404 Not found

![](https://img-blog.csdnimg.cn/img_convert/b8906f43ad81d3d4e61d1efc40924f09.png)

依次加载的 XML 视图文件如下：

![](https://img-blog.csdnimg.cn/img_convert/7f7654a9c882aaefd674fcfa24e9670c.png)

为什么会出现这种奇怪的现象？

[本文](https://jerry.blog.csdn.net/article/details/128654511)通过 SAP UI5 路由框架的实现原理，做出了深入的分析。

ITPub博客

SAP UI5 应用 manifest.json 文件里 Routes 数组元素的相对顺序，不可忽视的试读版