Angular2 的路由总结

in web前端

Angular2的路由不像backbone是url#route这种结构,使用的是html5的pushstate方法直接从url中获得路由,这就需要进行一定配置才可以使angular2运行。

  1. base href的配置

    • 代码:<base href="/">
    • base href的配置关系到路由的有效数据的选取
    • base href同样关系到该网页的js、css等数据的获取,因此不能乱设定。
  2. 后台的配置

    • Angular2的路由方式使得用户刷新页面时,后台默认返回404错误。
    • 需要在后台配置一下,当用户访问的路径为Angular2应用的路径时,返回Angular2首页的数据。(或者只要是匹配不到的路径,直接返回Angular2首页的数据)
    • 注意是后台直接返回数据即可,不是重定向。
  3. 子路由的配置

    • Angular2的路由允许空component,一些目录可以不用配置component。
    • 如果把APP的路由都放到某个子路径下面有助于简化后台重定向时的匹配复杂度。
  4. 默认页面的处理

    • 正常访问网址是默认地址是登录页面。
    • 凡是带APP的子路径的地址,默认返回Angular2的数据,否则重定向到首页。

Comments

皖ICP备13007154号-1