使用 Apache URL 重写时在 Angular 应用程序中编写链接

Question

我正在开发一个具有如下结构的 Angular 应用程序：

/dir1/dir2/myApp

有重写规则，所以当有人来自：

customURL/myApp

他们点击了我的应用程序。当我在本地环境中时，我用于路由的链接如下所示：

href="#/route"

一切正常，但是当我从自定义 URL 访问应用程序时，我最终进入了我的索引页面，当我单击其中一个链接时，它会重新加载页面并让我远离我的自定义 URL 结构和返回：

/dir1/dir2/myApp/#/route

我目前已通过使我的所有 href 看起来像这样来解决此问题：

href="/myApp/#/route"

然后当我从自定义 url 进来并点击一个链接时，url 变成这个并且没有重新加载：

customUrl/myApp/#/route

这是想要的效果，并且一切正常，但是必须在每一个 href 中添加额外的路径感觉不对，我想知道是否有更好的方法。

我已经阅读了大量文档并尝试了 html5Mode，但这是我能够实现我想要的唯一方法。

如果任何对此有更多经验的人有任何提示，或者甚至认为这是一种非常好的方法，我非常感谢您的反馈。

谢谢！

Answer 1

我会使用 ng-href="#/route"

非常具体的情况，我无法在我的机器上重现， 所以首先做 console.log($location) 看看你的主机是什么

如果符合您的预期，那么只需使用右 href，尝试使用或不使用 '#' 或 '/'