我正在学习 AngularJS，但有一件事让我很恼火。
我用来$routeProvider为我的应用程序声明路由规则：
$routeProvider.when('/test', {
controller: TestCtrl,
templateUrl: 'views/test.html'
})
.otherwise({ redirectTo: '/test' });
但是当我在浏览器中导航到我的应用程序时，我看到的app/#/test不是app/test.
所以我的问题是为什么 AngularJS 会将此哈希添加#到 url 中？有没有可能避免它？
实际上，对于非 HTML5 浏览器，您需要 #（hashtag）。
否则，他们只会在提到的 href 处对服务器进行 HTTP 调用。# 是一个旧的浏览器短路，它不会触发请求，它允许许多 js 框架在此基础上构建自己的客户端重新路由。
$locationProvider.html5Mode(true)如果可用，您可以使用告诉 angular 使用 HTML5 策略。
以下是支持 HTML5 策略的浏览器列表：http : //caniuse.com/#feat=history
如果您像其他人所说的那样启用了 html5mode，并创建一个.htaccess包含以下内容的文件（根据您的需要进行调整）：
RewriteEngine On
RewriteBase /
RewriteCond %{REQUEST_URI} !^(/index\.php|/img|/js|/css|/robots\.txt|/favicon\.ico)
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule ./index.html [L]
当用户输入正确的路线时，他们将被引导到您的应用程序，您的应用程序将读取路线并将他们带到其中的正确“页面”。
编辑：只要确保没有任何文件或目录名称与您的路由冲突。
在路由器末尾添加html5Mode(true) ;
app.config(function($routeProvider,$locationProvider) {
$routeProvider.when('/home', {
templateUrl:'/html/home.html'
});
$locationProvider.html5Mode(true);
})
在 html head 中添加base标签
<html>
<head>
<meta charset="utf-8">
<base href="/">
</head>
感谢@plus - 详细说明上述答案
以下信息来自：https :
//scotch.io/quick-tips/pretty-urls-in-angularjs-removing-the-hashtag
在 Angular 中获取干净的 URL 并从 URL 中删除主题标签非常容易。
默认情况下，AngularJS 将使用主题标签路由 URL 例如：
有两件事需要做。
配置 $locationProvider
设置我们的相对链接基础
$定位服务
在 Angular 中，$location 服务解析地址栏中的 URL 并对您的应用程序进行更改，反之亦然。
我强烈建议通读官方的 Angular $location 文档，以了解定位服务及其提供的内容。
https://docs.angularjs.org/api/ng/service/$location
$locationProvider 和 html5Mode
我们将在定义 Angular 应用程序和配置路由时执行此操作。
angular.module('noHash', [])
.config(function($routeProvider, $locationProvider) {
$routeProvider
.when('/', {
templateUrl : 'partials/home.html',
controller : mainController
})
.when('/about', {
templateUrl : 'partials/about.html',
controller : mainController
})
.when('/contact', {
templateUrl : 'partials/contact.html',
controller : mainController
});
// use the HTML5 History API
$locationProvider.html5Mode(true); });
什么是 HTML5 历史 API？这是使用脚本操纵浏览器历史记录的标准化方法。这让 Angular 可以在不刷新页面的情况下更改我们页面的路由和 URL。有关这方面的更多信息，这里有一篇很好的 HTML5 History API 文章：
http://diveintohtml5.info/history.html
相对链接的设置
<base>在<head>文档的 中设置 。这可能位于 Angular 应用程序的根 index.html 文件中。找到该<base>标签，并将其设置为您的应用所需的根 URL。例如： <base href="/">
旧浏览器的回退
综上所述