AngularJS:html5Mode(true)导致404错误 [英] AngularJS: html5Mode(true) causing 404 error

问题描述

我正在尝试使用$locationProvider.html5Mode(true)删除我应用程序中的#标签.它删除了#，但现在我的所有视图都显示为404 errors.

I am trying to remove # tag on my app using $locationProvider.html5Mode(true). It takes out the # but now I get 404 errors for all my views.

angular.module('myApp', ['ngRoute']).
  config(['$routeProvider','$locationProvider', function($routeProvider, $locationProvider) {
    $routeProvider.when('/', { templateUrl: 'views/home.html', controller: 'homeCtrl' });
    $routeProvider.when('/about', { templateUrl: 'views/about.html', controller: 'aboutCtrl' });

    $locationProvider.html5Mode(true);

}]);

推荐答案

事实证明，如果使用$locationProvider.html5Mode(true).您必须设置基本URL(<base href="/appFolder/" />)... 回答

It turns out if one is usung $locationProvider.html5Mode(true). You have to set a base url (<base href="/appFolder/" />)... according to this answer

这篇关于AngularJS:html5Mode(true)导致404错误的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！