使用angular-ui-router处理没有hashbang的路由

Question

我在网上搜索了很多答案，但还没有找到任何答案。

现在我在我的文件中有这个代码，我认为除了我指定的那些之外我还会处理所有路由/状态：

$urlRouterProvider.otherwise('/');

但是，此功能仅适用于localhost:1337/#/stuff类的路径，但如果我输入localhost:1337/stuff ，我会收到一个丑陋的内部服务器错误。

理想情况下，我喜欢localhost:1337/stuff或没有hashbang的任何其他URL重定向到localhost:1337/#/ （我的应用程序的主页）。

有关如何实现这一目标的任何想法？

Answer 1

你需要设置两件事：

1. AngularJS配置中的所谓“ html5Mode ”。 这是最简单的部分： $locationProvider.html5Mode(true);
2. 在您的服务器上设置重写，以便任何请求只呈现您的主html页面。

来自AngularJS 关于路由的文档 ：

使用此模式需要在服务器端重写URL，基本上您必须重写所有链接到应用程序的入口点（例如index.html）。

Answer 2

您可以在app.js中启用html5模式，这也将从您项目中的链接中删除hashbang（ localhost:1337/stuff而不是localhost:1337/#/stuff ）。

如果这不是您想要的行为，那么您将不得不在服务器端进行重写。