Yeoman和角度 - 路由不起作用

时间:2014-03-24 13:54:43

标签: javascript angularjs yeoman

我正在尝试用自耕农开发角度应用程序。这可能听起来很愚蠢,但我使用yo:angular route创建路径时遇到问题。

当我使用以下方式创建新路线时:

yo:angular route foo

yeoman创造:

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

自耕农路线的想法看起来很简单,我不确定问题出在哪里。

1 个答案:

答案 0 :(得分:1)

您是否在Angular应用程序中启用了HTML5模式?如果没有,则URL为:

http://localhost:9000/#/foo

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