Yeoman和角度 - 路由不起作用

Question

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

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

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

在自耕农的路线的想法看起来很容易，我不知道问题出在哪里。

Answer 1

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

http://localhost:9000/#/foo

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