我是第一次使用 AngularJS，并试图从 URL 中删除 #。我没有使用 NODE 或 Express。我的网站在本地运行在 MAMP 中。我使用 index.html 作为入口点，并有 2 个模板，页眉和页脚。然后，我将所有单独的页面内容保存在 about.html、contact.html 等的部分文件夹中。我尝试添加
<head>
<base href="/">
</head>
但它是说找不到 url。
我只是使用 CDN 来导入 Angular。
【问题讨论】：
标签： javascript angularjs
我找到了这个问题的答案，但它似乎与 this issue 重复。
哈希路由是一种在不完全支持 HTML5 的浏览器上实现客户端路由的方法。
您可以使用$locationProvider.html5Mode(true) 告诉 Angular 使用 HTML5 策略（如果可用）。
答案的所有功劳都应归功于用户plus-，因为他对重复问题的回答。
【讨论】：
如果您想使用真实的 URL 而不是 hashbang，那么首先让服务器为每个 url 返回正确的内容。
即如果主页只包含一个链接和单词“foo”并且该链接触发 JS 将 URL 更改为 /bar 并将单词“foo”替换为“bar”然后如果浏览器直接请求/bar，您的服务器需要发送带有“bar”字样的页面（以及您的所有JS代码）。
这意味着您要么需要编写两次代码（服务器端和客户端），要么需要使用同构 JavaScript（并运行服务器端 JavaScript 解决方案）。
这是很多工作，但这是制作强大的单页应用程序的代价。您可能要考虑不使用 SPA（通过检查成本效益）。
如果您不打算让服务器像那样运行，并且您仍然想要一个 SPA，那么请坚持使用 hashbang URL。
一旦服务器做对了，你只需要告诉 Angular 使用 History API 而不是 hashbangs。
$locationProvider.html5Mode(true)
【讨论】：
这篇 SO 帖子提供了一些关于这个问题的非常有用的信息：AngularJS routing without the hash '#'
似乎任何非 HTML5 浏览器都需要它。您可以使用$locationProvider.html5Mode(true) 来尝试使用可用的 HTML5 方法。
【讨论】：
it(); 进行浏览器后备。在此处查看一些示例：docs.angularjs.org/guide/$location