javascript - Yeoman和angular-路由无效

我正在尝试与yeoman开发角度应用程序。听起来可能很愚蠢，但是我在使用yo：angular路由创建路由时遇到了问题。

当我使用以下方法创建新路线时：

yo:angular route foo

约曼创造：

app/scripts/controllers/foo.js              (controller)
app/views/foo.html                          (view)
app/test/spec/controllers/foo.js            (testing the controller)

在app.js中，它创建：

  .config(function ($routeProvider) {
   $routeProvider
  .when('/', {
    templateUrl: 'views/main.html',
    controller: 'MainCtrl'
  })
  .when('/foo', {
    templateUrl: 'views/foo.html',
    controller: 'FooCtrl'
  })
  .otherwise({
    redirectTo: '/'
  });
});

所以一切都应该正常。不幸的是，这条路线不起作用-当我尝试打开时

http://localhost:9000/foo

我收到以下错误：

Cannot GET /foo

在风俗中，路线的想法看起来很简单，我不确定问题出在哪里。

最佳答案

您是否在Angular应用程序中启用了HTML5模式？如果不是，则URL为：

http://localhost:9000/#/foo

而且，如果您在Angular应用程序中启用了HTML5模式，则必须确保将您正在使用的任何服务器配置为处理所有路由，因为它们是应用程序的根目录。