AngularJS $routeProvider 无法正确路由

所以我是 Angular 的新手，试图弄清楚多个路由如何导致相同的 view/templateUrl 和控制器。这是我写的：

angular
  .module('mwsApp', [
    'ngAnimate',
    'ngCookies',
    'ngResource',
    'ngRoute',
    'ngSanitize',
    'ngTouch',
    'ui.bootstrap'
  ])
  .config(function ($routeProvider, $locationProvider) {
    // debugger
    $routeProvider
      .when('/', {
        templateUrl: 'index.html',
        controller: 'MainCtrl as vm',
      })
      .when('/rika', {
        templateUrl: 'index.html',
        controller: 'MainCtrl as vm',
      })
      // .otherwise({
      //   redirectTo: '/'
      // });

      $locationProvider.html5Mode(true).hashPrefix("!");
  });

问题：目前，如果我转到“localhost:9000/”，它会显示正确的版本，但如果我转到“localhost:9000/rika”，它会显示“Cannot get /rika”。

调试：我已将问题范围缩小到 html5Mode。我正在尝试摆脱 #! Angular 会自动添加到 URL 上，但是当我这样做时，会弹出错误。

感谢任何人的意见！

你无法摆脱# in local development所以你需要评论这一行

$locationProvider.html5Mode(true).hashPrefix("!");

但当你在某些server on production then uncomment并用它来删除#

否则你会一直得到 not get 错误reloads in local development