使用Angular和Node进行路由

我正在学习Node和Angular。 作为我学习的一部分,我目前正在尝试设置一个基本的应用程序,有三个页面。 为了做到这一点,我依赖的文档可以在这里input链接描述 。

我的项目目前的结构如下:

/app /views page1.html page2.html page3.html /resources /javascript angular-1.0.7.min.js controllers.js index.html 

我在index.html中的代码很简单。 它看起来像这样:

 <!doctype html> <html ng-app="ngView"> <head> <title></title> <script type="text/javascript" src="/resources/javascript/angular-1.0.7.min.js"></script> <script type="text/javascript" src="/resources/javascript/controllers.js"></script> </head> <body> <div ng-controller="Index"> <a href="page1">Page 1</a> <a href="page2">Page 2</a> <a href="page3">Page 3</a> <div ng-view></div> </div> <script type="text/javascript"> angular.module('ngView', [], function ($routeProvider, $locationProvider) { $routeProvider. when('/page1', { templateUrl: 'app/views/page1.html', controller: Page1Controller }). when('/page2', { templateUrl: 'app/views/page2.html', controller: Page2Controller }). when('/page3', { templateUrl: 'app/views/page3.html', controller: Page3Controller }). otherwise({ redirectTo: 'app/views/page1' }); $locationProvider.html5Mode(true); }); </script> </body> </html> 

出于某种原因,我的观点并不像他们在这个例子中那样出现。 我错误地设置了什么?

你是否将正确的请求从节点服务器转发给angular? 如果使用快递,这可能看起来像这样:

 router.all('/*', function(req, res) { res.sendfile('index.html'); });