Javascript Angular$routeProvider不适用于Apache服务器
我现在正受着这件事的折磨。我在Linux上运行这个带有Apache服务器的本地本地角度前端主机。当我尝试访问localhost时,一切都很好,我得到了index.html。但是现在我在index.html中有一个链接,它应该将用户重定向到localhost/users。但我似乎无法让这个工作,我已经尝试了每一个单一的解决方案,所以,但似乎没有任何工作。也许你们有些人知道我做错了什么 我的app.jsJavascript Angular$routeProvider不适用于Apache服务器,javascript,angularjs,apache,.htaccess,route-provider,Javascript,Angularjs,Apache,.htaccess,Route Provider,我现在正受着这件事的折磨。我在Linux上运行这个带有Apache服务器的本地本地角度前端主机。当我尝试访问localhost时,一切都很好,我得到了index.html。但是现在我在index.html中有一个链接,它应该将用户重定向到localhost/users。但我似乎无法让这个工作,我已经尝试了每一个单一的解决方案,所以,但似乎没有任何工作。也许你们有些人知道我做错了什么 我的app.js (function() { var app = angular.module('linkrec'
(function() {
var app = angular.module('linkrec', ['ngRoute']);
app.config(function($routeProvider, $locationProvider) {
$locationProvider.html5mode(true).hashPrefix('!');
$routeProvider
.when('/users', {
templateUrl: '/users.html',
});
});
app.controller('UsersController', [ '$http', function($http) {
var linkrec = this;
linkrec.users = [];
$http.get('https://localhost:9443/users').success(function(data){
linkrec.users = data;
});
} ]);
})
my index.html
<!DOCTYPE <!DOCTYPE html>
<html ng-app="linkrec">
<head>
<title>LinkRec</title>
<link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="linkrec.css">
</head>
<body>
<script type="text/javascript" src="node_modules/angular/angular.js"></script>
<script type="text/javascript" src="node_modules/angular/angular-route.js"></script>
<script type="text/javascript" src="app.js"></script>
<h1>LinkRec</h1>
<div class="container" ng-view>
<a href="/users"><h2>Users</h2></a>
<h2>Vacancies</h2>
<h2>Groups</h2>
</div>
</body>
</html>
有人发现我的错误吗?角度文件在那里并且正确链接。提前谢谢。我本来会发表评论的,因为我不是100%肯定我的答案,但是我的代表太低了 我看到你已经打开了HTML5模式,所以我认为你的.htaccess文件没有正确地调整到这个模式 请尝试以下.htaccess代码 重新启动发动机 重写cond%{REQUEST_FILENAME}-D 重写cond%{REQUEST_FILENAME}-F 重写规则^index.html[L]
谢谢你的帮助,我会试试的!
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule ^(.*) /index.html/#!/$1
</IfModule>
# Apache .htaccess
# angularjs pushstate (history) support:
# See http://www.josscrowcroft.com/2012/code/htaccess-for-html5-history-pushstate-url/
FallbackResource /index.html