javascript - 是否可以在 Angular.js 应用程序中使用传统的 anchor 链接

Question

Angular.js 路由创建如下 URL:

http://cooldomain.com:3000/#/search

http://cooldomain.com:3000/#/docs

在我的文档 url 中，我希望有一个很长的页面 <a name="sdsds">部分和带有 anchor 链接的传统目录，以便用户可以在页面上跳转

从概念上讲，目录会产生大量无效的 URL，例如 http://cooldomain.com:3000/#/docs#coolAPIFunction由于双哈希，这当然行不通

那么 - 是否可以在具有路由的 Angular.js 应用程序中使用 anchor 链接？

Answer 1

您可以启用 html5 pushstate 并去掉路由中的#。您可以通过将此添加到您的 .config

$locationProvider.html5Mode(true);

但是，请注意，现在 Angular 路由与服务器请求之间没有区别。你必须配置你的服务器来为该 url 提供适当的静态 html 文件(例如 index.html)。