通过 URL 导航时，Ionic 5 / Angular 路由不起作用

Question

离子路由器未通过新标签导航到子 URL

我尝试了各种不同的 ionic 路由器配置，使用应用程序中的按钮导航时它可以工作，但如果我尝试在新选项卡中复制并粘贴 URL，它就不起作用。

示例：

localhost:8100 -> [按钮点击] -> localhost:8100/view/auto : [WORKS]

localhost:8100/view/auto : [不工作]

我的路线设置如下： 应用模块 -> 主页模块 -> 视图模块 -> 自动组件

[控制台图像]：这是我在重新加载页面时在控制台中遇到的错误。

以下是路线数组的图片：

[应用模块]：

HTML：

<ion-app>
    <ion-router-outlet></ion-router-outlet>
</ion-app>

路由器：

[家庭模块]

HTML：

<ion-content>
    <ion-router-outlet overflow-scroll="true"></ion-router-outlet>
</ion-content>

路由器：

[查看模块]

HTML：

<ion-content>
    <ion-router-outlet overflow-scroll="true"></ion-router-outlet>
</ion-content>

路由器：

Answer 1

想通了。问题出在 index.html 中。 我需要改变：

base href="./" />

到

<base href="/" />