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

Posted 2023-03-16

【中文标题】通过 URL 导航时，Ionic 5 / Angular 路由不起作用

【英文标题】：Ionic 5 / Angular routing not working when navigating via URL

【发布时间】：2021-05-16 17:17:07

【问题描述】：

离子路由器未通过新标签导航到子 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>

路由器：

【问题讨论】：

将您的代码作为文本而不是图像包含在内，以便可以复制和搜索。

【参考方案1】：

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

base href="./" />

到

<base href="/" />