如何使用 dart 和 angular 2 支持客户端路由？

【问题标题】：How do i support client side routing using dart and angular 2?如何使用 dart 和 angular 2 支持客户端路由？
【发布时间】：2015-09-05 21:12:05
【问题描述】：

我正在尝试运行 Angular2 alpha 35

我有一个带有静态货架服务器的服务器设置。它适用于在 pub 构建后发布到 heroku。

当我使用 pub serve 进行本地测试时，我似乎无法控制路由，我需要更精细的控制来修改路由以始终指向 index.html -（客户端路由）

当我使用架子指向网络文件夹时 - 我可以提供资产 - 但我丢失了所有我的飞镖转换器。

问题：

为带有客户端路由的原生 Dart 项目提供 SPA 的最佳方法是什么？

【问题讨论】：

【解决方案1】：

你不需要使用 Dart Shelf 在本地测试 Angular2。 Pub Serve 将起作用，同时保留 Dart Shelf 以供生产使用。

首先，这被证明是用于 pub 的 WebStorm 代理服务器的问题。它正在访问 WebStorm 代理服务器，但没有找到正确的 angular2 路由。

从命令行运行 pub serve 完美无缺。要直接从 WebStorm 启动它，请确保在“运行”->“编辑配置”下创建自定义调试配置 - 否则：

从命令行启动发布服务器：

发布服务
在 main 中声明以下内容：

引导程序（MySuperCoolApp，[ 路由器注射剂， // 应用程序的基本路径绑定（APP_BASE_HREF）.toValue（'/'），绑定(LocationStrategy).toClass(HashLocationStrategy) ]);

然后将 Dartium 导航到：

http://localhost:8080/#/your/custom/route/

【讨论】：