nodeJS に関連するコードを含まない単純な AngularJS アプリケーションがあります。URL から # を削除する際に問題に直面しています。ルーティングには ui-routes を使用しました。
'use strict';
var app = angular.module('myapp', ['ui-router']).
config(['$stateProvider', '$locationProvider', function ($routeProvider, $locationProvider) {
$locationProvider.html5Mode(true);
$stateProvider.
state('home', {
url: '/',
templateUrl: 'views/index.html'
})
.state('where-am-i', {
url: '/where-am-i',
templateUrl: 'views/where_am_i.html',
controller: 'mainCtrl'
})
.state('audience', {
url: '/audience',
templateUrl: 'views/audience.html',
controller: 'mainCtrl'
});
}]);
また、index.html の head セクションに base タグを追加しました。
<base href='/' />
また、 require no base も試しましたが、まだ機能していません。
$locationProvider.html5Mode({
enabled: true,
requireBase: false
});
base タグを追加すると、index.html ファイルに含めたすべてのアセットに対して 404 が表示されます。
これには迅速かつ簡単な解決策が必要です。
前もって感謝します!