フラグメント識別子(#)を削除することについて他の投稿のすべてを試しました。 #識別子ですべきことはすべて動作しますが、それは私のプロジェクトにとってはすばらしい改善です。 Angularjs - URLから#を削除する方法 - エラー: '履歴'で 'pushState'を実行できませんでした:
- 私は私のindex.htmlに
<base href="app" />
をtrueに設定 - に$のlocationProviderと設定html5Modeを設定しても
<base href="/" />
しようと試みました。 私は<base href="/" />
- ベースを設定せずに
requireBase: false
を使用しました。 - 誰かが他の誰かが示唆したように、私はweb.configファイル内のルールを書いた
- を示唆するようにHTML5のヒストリーAPIのブラウザのサポートを確認するために
if(window.history && window.history.pushState)
に$locationProvider.html5Mode(true)
をラッピング。 - 私はそれを見つけた後に私が見つけたすべてを試しました。
私はこのエラーを取得しています:
angular.js:13708エラー:「http://sales/?_ijt=d1r1ladp5ro1tvflefsdpnfvd4」URLと履歴状態オブジェクトを持つドキュメントで作成することができません。「歴史」on「にpushState」を実行できませんでした。起点 'http://localhost:52471'とURL 'http://localhost:52471/BeerbayCRM/BeerbayCRM/app/index.html?_ijt=d1r1ladp5ro1tvflefsdpnfvd4'。
利用可能な環境変数のリストを参照 あなたの助けに感謝します!ありがとうございました。
は、ここに私のコードです:
app.config(['$routeProvider', '$locationProvider', '$httpProvider',
function($routeProvider, $locationProvider) {
$routeProvider
.when('/', {
templateUrl: "views/productsView.html"
})
.when("/products", {
templateUrl: "views/productsView.html"
})
.when("/sales", {
templateUrl: "views/salesView.html"
})
.when("/charts", {
templateUrl: "views/chartsView.html"
})
.otherwise({
templateUrl: "views/productsView.html"
});
if (window.history && window.history.pushState) {
$locationProvider.html5Mode({
enabled: true
});
}
}
])
.controller("routeCtrl", function($scope, $location) {
$scope.setRoute = function(route) {
$location.path(route);
}
});
<!DOCTYPE html>
<html ng-app="myApp">
<head>
<!--.....all the dependencies are here.....-->
<base href="app" />
</head>
<body ng-controller="myAppCtrl">
<div class="navbar navbar-inverse">
<a class="navbar-brand" href="#">Beerbay</a>
</div>
<div ng-controller="routeCtrl" class="col-sm-1">
<a ng-click="setRoute('products')" class="btn btn-block btn-primary btn-lg">Products</a>
<a ng-click="setRoute('sales')" class="btn btn-block btn-primary btn-lg">Sales</a>
<a ng-click="setRoute('charts')" class="btn btn-block btn-primary btn-lg">Charts</a>
</div>
<ng-view/>
</body>
</html>
アップデート:私はWebStormが使用するものとは別のノードサーバでアプリケーションを起動した後、それは部分的に取り組んでいます。私はリフレッシュページをヒットした後、ページ上に短いメッセージが表示されます:「GET/....部分的なビュー名*」
私は時間がないのでリダイレクトを書き直すようにサーバーを設定するのは難しいと思われますが、私は断片識別子を保持していますが、私は提案や解決策に開放しています。ありがとう。 –