0

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 が表示されます。

これには迅速かつ簡単な解決策が必要です。

前もって感謝します!

4

1 に答える 1