自定义404页面离子3 [英] Custom 404 page Ionic 3

问题描述

我正在尝试从用户写下的未知路径重定向到自定义404页面：

I am trying to redirect from an unknown path written down by a user to a custom 404 page:

例如：

/登录进入登录页面

/ main进入主页

/main goes to main page

{unknown -path}转到404

{unknown-path} goes to 404

    export const deepLinkConfig: DeepLinkConfig = {
links: [
{ component: HomePage, name: "Home", segment: "" },
{ component: LoginPage, name: "Login", segment: "login", defaultHistory: [HomePage] },
{ component: SubscribePage, name: "Signup", segment: "signup", defaultHistory: [HomePage] },
{ component: SubscribeExtendPage, name: "Signup", segment: "signup-extend", defaultHistory: [HomePage] },
{ component: MainPage, name: "Main", segment: "main", defaultHistory: [HomePage] },
{ component: WelcomePage, name: "Welcome", segment: "welcome" },
{ component: NotFoundPage, name: "notFound", segment: "login/**", defaultHistory: [NotFoundPage] },
]
};


imports: [
BrowserModule,
HttpClientModule,
MaterializeModule,
BrowserAnimationsModule,
IonicModule.forRoot(MyApp, {}, deepLinkConfig)
],

感谢您的帮助。

推荐答案

{ component: NotFoundPage, name: "*", segment: ":**", defaultHistory: [NotFoundPage] },

我不知道它是否是最佳解决方案但最终确定了设置细分市场使用任何类型的变量，：**现在所有未知的URL都被重定向到NotFoundPage。

I don't know if it is the best solution but finally worked setting the segment with a variable of any kind, :** and now all the unknown url are redirected to NotFoundPage.

这篇关于自定义404页面离子3的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！