从URL Angular.js中删除＃后，URL无法正常工作

Question

我是角色的新人，我被困在代码下面

我使用ngRoute进行路由，我想制作SEO友好的网址，以便我使用以下代码从网址中删除哈希

的index.html

<ul class="nav navbar-nav" >
<li ng-class="{active: isActive('/')}" ><a   href="#">Home</a></li>
<li ng-class="{active: isActive('/faq')}" ><a  href="#faq">FAQ</a>    </li>
<li ng-class="{active: isActive('/content')}" ><a  href="#content">Contents</a></li>
<li ng-class="{active: isActive('/contact')}" ><a   href="#contact">Contact</a></li>

在头部添加下面的代码

<base href="/my_stuff/angular_js/NewSinglePageApp/"></base>

.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]

在控制器中我添加了

//配置我们的路线     WebApp.config（函数（$ routeProvider，$ locationProvider）{

$locationProvider.html5Mode(true);


    $routeProvider

        // route for the home page
        .when('/', {
            templateUrl : 'index.html',
            controller  : 'mainController'
        })


        .when('/faq', {
            templateUrl : 'faq.html',
            controller  : 'faqController'
        })



        // route for the about page
        .when('/about', {
            templateUrl : 'about.html',
            controller  : 'aboutController'
        })

        // route for the about page
        .when('/data', {
            templateUrl : 'data.html',
            controller  : 'dataController'
        })

        // route for the contact page
        .when('/', {
            templateUrl : 'contact.html',
            controller  : 'contactController'
        });
});

导航时工作正常，但在我们尝试重新加载页面或按下URL地址栏中输入时无法正常工作。

请帮帮我..提前谢谢