javascript - Yeoman 和 Angular - 路由不起作用

Question

我正在尝试使用 yeoman 开始开发 Angular 应用程序。这听起来可能很愚蠢，但我在使用 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

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

Answer 1

您是否在 Angular 应用程序中启用了 HTML5 模式？如果没有，URL 将为:

http://localhost:9000/#/foo

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