gpt4 book ai didi

javascript - 刷新页面时,AngularJS 路由返回 404 错误

转载 作者:行者123 更新时间:2023-12-03 05:08:22 26 4
gpt4 key购买 nike

我是 angularJS 的新手,我喜欢用它编码。我目前正在使用 angularJS 构建一个门户网站,并且我的每个页面都使用 ngRoute。它对我来说工作正常,但当我尝试刷新页面时,它返回一个 404 错误/找不到页面。对于这个问题我该怎么办?这是我的代码:

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('!');您的网址已删除#!来自 url 并添加 cvsrrc/。因此,如果您从应用程序重定向应用程序,它将起作用。

但是当您重新加载页面时,它会尝试使用带有 cvsrrc/的 url 来查找实际上不存在的路径。

所以你必须在服务器上使用重写模块来告诉将 cvsrrc/重定向到 #!/

关于javascript - 刷新页面时,AngularJS 路由返回 404 错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41930550/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com