刷新页面时ngRoute不起作用

时间:2014-12-17 22:20:35

标签: javascript angularjs angularjs-routing ng-view angularjs-ng-route

网站在http://www.athimannil.com/上使用ngRoute正常运行,但遗憾的是,http://www.athimannil.com/about页面在刷新网址时无法正常工作:(

是否还需要添加JavaScript代码?

var app = angular.module('app',['ngRoute']);
    app.config(function($routeProvider, $locationProvider) {
        $locationProvider.html5Mode(true);
        $routeProvider
            .when('/', {
                templateUrl: 'home.html',
                controller: 'homecontroller'
            })
            .when('/about', {
                templateUrl: 'about.html',
                controller: 'aboutController'
            })
            .when('/portfolio', {
                templateUrl: 'portfolio.html',
                controller: 'portfolioController'
            })
            .when('/contact', {
                templateUrl: 'contact.html',
                controller: 'contactController'
            })
            .when('/cv', {
                templateUrl: 'cv.html',
                controller: 'cvController'
            })
            .otherwise({
                redirectTo: '/'
            });
    });

的.htaccess

RewriteEngine On
RewriteCond %{HTTP_HOST} !^www\.
RewriteRule ^(.*)$ http://www.%{HTTP_HOST}/$1 [R=301,L]

1 个答案:

答案 0 :(得分:1)

默认情况下,角度使用.../#/...

等路线

如果你想删除你需要一些服务器配置

AngularJS routing without the hash '#'