时间戳

首页 > 解决方案 > 通过 URL 导航时，Ionic 5 / Angular 路由不起作用

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

问题描述

离子路由器未通过新选项卡导航到子 URL

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

示例：

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

本地主机：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>

路由器： 查看路由器模块

标签： angularionic-frameworkangular-ui-routerurl-routingionic5

解决方案

弄清楚了。问题出在 index.html 中。我需要改变：

base href="./" />

至

<base href="/" />

推荐阅读