angular - 延迟加载模块中的角度动态 URL

Question

我的页面根据 url 中的参数呈现内容，当前路由示例如下，

domain.com/page/:pageId (domain.com/page/123456) renders Home Page
domain.com/page/:pageId (domain.com/page/567890) renders Offers Page
domain.com/page/:pageId (domain.com/page/987654) renders Blog Page

现在我想在我的网站中实施 SEO，所以我的网址将是..

domain.com/home renders Home Page
domain.com/offers (domain.com/page/567890) renders Offers Page
domain.com/blog (domain.com/page/987654) renders Blog Page

这些页面动态地来自服务器。

我的动态路线看起来像，

 [  {"path": "home",
        "data": {
                "tile": "Landing Page",
                "pageId":"123456" 
        }
    },
    {"path": "offers",
        "data": {
                "tile": "Offers Page",
                "pageId":"567890" 
        }
    },
    {"path": "Bread",
        "data": {
                "tile": "Blog Page",
                "pageId":"987654" 
        }
    }

]

我已将路线推为

dynamicRoutes.forEach(route => {
    this.router.resetConfig([route, ...this.router.config]);
});

但路线没有导航并给出 404 错误。

我该怎么做呢？

Answer 1

我认为您正在寻找redirectTo功能？

例如

[  {"path": "home",
       "data": {
                "tile": "Landing Page",
                "pageId":"123456" 
        },
       "redirectTo: '/page/123456'
    },
    {"path": "offers",
        "data": {
                "tile": "Offers Page",
                "pageId":"567890" 
        },
       "redirectTo: '/page/567890'
    },
    {"path": "Bread",
        "data": {
                "tile": "Blog Page",
                "pageId":"987654" 
        },
       "redirectTo: '/page/987654'
    }

]