如何在单页应用程序中获得传统的 url 结构（无 hash-bang）？

Question

我想用 angular.js 构建一个单页应用程序，唯一的事情是我想要一个传统的 url 结构。

例子：

  Before: www.example.com/#/index  
  After:  www.example.com/index  

  Before: www.example.com/#/user/21345678  
  After:  www.example.com/user/21345678  

首先有可能吗？
其次，我该怎么做？
除 Apache XD 以外的任何服务器

Answer 1

您需要在 Angular 中启用 HTML5 模式。

.config(['$routeProvider', '$locationProvider', function($routeProvider, $locationProvider) {
  $locationProvider.html5Mode(true).hashPrefix('!');

那么你还需要配置你的服务器。见这篇文章：Configure your server to work with html5Mode

我建议阅读这篇短文：Pretty URLs in Angular, Removing the Hashtag。他们还建议在 HTML 的头部设置<base href="/">。