我正在学习AngularJS，有一件事让我很烦。
我用来$routeProvider为我的应用程序声明路由规则：
$routeProvider.when('/test', {
controller: TestCtrl,
templateUrl: 'views/test.html'
})
.otherwise({ redirectTo: '/test' });但是当我在浏览器中导航到我的应用程序时，我看到的app/#/test不是app/test。
所以我的问题是为什么AngularJS将此哈希添加#到url中？有可能避免它吗？
Answers:
实际上，对于非HTML5浏览器，您需要＃（＃标签）。
否则，他们将只通过提到的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]输入正确的路线后，用户将被定向到您的应用程序，您的应用程序将读取该路线并将其带到其中的正确“页面”。
编辑：只需确保没有任何文件或目录名称与您的路由冲突。
/about页面失败，除非我通过应用程序进入页面。
在路由器的末尾添加html5Mode（true）；
app.config(function($routeProvider,$locationProvider) {
$routeProvider.when('/home', {
templateUrl:'/html/home.html'
});
$locationProvider.html5Mode(true);
})在html头中添加基本标记
<html>
<head>
<meta charset="utf-8">
<base href="/">
</head>感谢@plus-详细说明以上答案
以下信息来自：https :
//scotch.io/quick-tips/pretty-urls-in-angularjs-removing-the-hashtag
获取干净的URL并从Angular中的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="https://stackoverflow.com/">
旧版浏览器的后备
结论
如果要在使用Apache的Angular服务的OS X 10.8上进行本地配置，则可以在.htaccess文件中找到以下内容：
<IfModule mod_rewrite.c>
Options +FollowSymlinks
RewriteEngine On
RewriteBase /~yourusername/appname/public/
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteCond %{REQUEST_URI} !.*\.(css|js|html|png|jpg|jpeg|gif|txt)
RewriteRule (.*) index.html [L]
</IfModule>如果未设置选项+ FollowSymlinks，则可能会在日志中给您一个禁止的错误，如下所示：
Options FollowSymLinks or SymLinksIfOwnerMatch is off which implies that RewriteRule directive is forbidden需要重写基础，否则请求将解析到您的服务器根目录，除非您专门配置了虚拟主机，否则默认情况下本地目录不是您的项目目录，因此您需要设置路径，以便请求找到您的项目根目录。例如，在我的机器上，我有一个/ Users / me / Sites目录，其中存放了所有项目。就像旧的OS X设置一样。
接下来的两行有效地说明了该路径不是目录还是文件，因此您需要确保没有与应用程序路由路径相同的文件或目录。
下一个条件是，如果请求未以指定的文件扩展名结尾，则在此处添加所需内容
[L]最后一个是说要为index.html文件提供服务-您的应用程序可以处理所有其他请求。
如果仍然有问题，请检查apache日志，它可能会为您提供有用的提示：
/private/var/log/apache2/error_log
使用HTML5模式需要在服务器端重写URL，基本上，您必须重写所有指向应用程序入口点的链接（例如index.html）。<base>在这种情况下，要求标记也很重要，因为它使AngularJS可以区分url的一部分（作为应用程序的基础）和应由应用程序处理的路径。有关更多信息，请参阅《AngularJS开发人员指南-使用$ location HTML5模式服务器端》。
启用html5Mode后，该#字符将不再在您的网址中使用。该#符号很有用，因为它不需要服务器端配置。不使用#，URL看起来会更好，但是它也需要服务器端重写。这里有些例子：
<VirtualHost *:80>
ServerName my-app
DocumentRoot /path/to/app
<Directory /path/to/app>
RewriteEngine on
# Don't rewrite files or directories
RewriteCond %{REQUEST_FILENAME} -f [OR]
RewriteCond %{REQUEST_FILENAME} -d
RewriteRule ^ - [L]
# Rewrite everything else to index.html to allow html5 state links
RewriteRule ^ index.html [L]
</Directory>
</VirtualHost>server {
server_name my-app;
index index.html;
root /path/to/app;
location / {
try_files $uri $uri/ /index.html;
}
}<system.webServer>
<rewrite>
<rules>
<rule name="Main Rule" stopProcessing="true">
<match url=".*" />
<conditions logicalGrouping="MatchAll">
<add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true" />
<add input="{REQUEST_FILENAME}" matchType="IsDirectory" negate="true" />
</conditions>
<action type="Rewrite" url="/" />
</rule>
</rules>
</rewrite>
</system.webServer>var express = require('express');
var app = express();
app.use('/js', express.static(__dirname + '/js'));
app.use('/dist', express.static(__dirname + '/../dist'));
app.use('/css', express.static(__dirname + '/css'));
app.use('/partials', express.static(__dirname + '/partials'));
app.all('/*', function(req, res, next) {
// Just send the index.html for other files to support HTML5Mode
res.sendFile('index.html', { root: __dirname });
});
app.listen(3006); //the port you want to use也可以看看
**
建议在Angular中使用HTML 5样式（PathLocationStrategy）作为定位策略
** 因为
仅在必须支持旧版浏览器时才使用Hashlocationstrtegy。