我是angularJS的新手，我喜欢用它进行编码。我目前正在使用angularJS构建一个Web门户，我的每个页面都使用ngRoute。它对我来说很好用，但是当我尝试刷新页面时，它返回一个404 error / page not found。在这个问题上我该怎么办？这是我的代码：
var app = angular.module("CVSRRC", ['ngMaterial','ngRoute']);
app.controller('CVSRRC-CTRL', function($scope, $http, ...){
// some codes here...
});
app.config(function($routeProvider, $locationProvider){
$locationProvider.html5Mode(true).hashPrefix('!');
$routeProvider
.when('/', {
templateUrl: '_pages/home',
controller: 'homeCTRL',
resolve: {
delay: function($q, $timeout){
var delay = $q.defer();
$timeout(delay.resolve, 1000);
return delay.promise;
}
}
})
...etc...
.otherwise({
redirectTo: '/'
});
});
在我的HTML中
<html>
<head>
<base href="/cvsrrc/" />
</head>
<body ng-app="CVSRRC" ng-controller="CVSRRC-CTRL">
<div class="row" id="main">
<div ng-view ng-show="statechange"></div>
<div ng-show="!statechange" cvsrrc-resolve>
<div id="_loader_"></div>
</div>
</div>
<a href="about-us">About</a>
<a href="login">login</a>
//etc
</body>
</html>
这是我的.htaccess看起来像
RewriteEngine On
RewriteCond %{REQUEST_FILENAME} !-f
RewriteRule ^([^\.]+)$ $1.php [NC,L]
ErrorDocument 404 http://localhost/cvsrrc/page-not-found
最佳答案
由于您已使用<base href="/cvsrrc/" />和$locationProvider.html5Mode(true).hashPrefix('!');，因此您的网址已删除＃！从网址添加cvsrrc /。因此，如果您从应用程序重定向应用程序，它将起作用。
但是，当您重新加载页面时，它将尝试将url与cvsrrc /一起使用，以查找实际上不存在的路径。
因此，您必须使用服务器上的重写模块来告诉将cvsrrc /重定向到＃！/