AngularJS和ExpressJS路由問題？

Question

我正在使用Angular，express，nodeJS進行Web應用程序開發。

Anuglar代碼：

'use strict'; 
// 
Declare app level module which depends on filters, and services 
angular.module('myApp', ['myApp.filters', 'myApp.services', 'myApp.directives', 'myApp.controllers']). 
    config(['$routeProvider', function($routeProvider) { 
    $routeProvider.when('/view1', {templateUrl: 'partials/partial1.html', controller: 'MyCtrl1'}); 
    $routeProvider.when('/view2', {templateUrl: 'partials/partial2.html', controller: 'MyCtrl2'}); 
    $routeProvider.otherwise({redirectTo: '/view1'}); 
    }]).config(['$locationProvider', function($locationProvider) { 
    $locationProvider.html5Mode(true); 
}]);; 


angular.module('modelDemo', []). 
config(function ($routeProvider) { 
    $routeProvider. 
    when('/', { 
     controller: 'AuthorListCtrl', 
     templateUrl: 'partials/list.html' 
    }); 
    $routeProvider. 
    when('/view1', { 
     controller: 'MyCtrl1', 
     templateUrl: 'partials/partial1.html' 
    }); 
    $routeProvider.otherwise({redirectTo: '/view1'}) 
}); 

var app = angular.module('app', ['myApp', 'modelDemo']); 

快速代碼

// all environments 
app.set('port', process.env.PORT || 2000); 
app.set('views', __dirname + '/views'); 
app.set('view engine', 'jade'); 
app.use(express.favicon()); 
app.use(express.logger('dev')); 
app.use(express.bodyParser()); 
app.use(express.methodOverride()); 
app.use(express.static(path.join(__dirname, 'public'))); 
app.use(app.router); 

app.get('/', wine.index); 
app.get('/partials/:name', wine.partials); 
app.get('/wines', wine.findAll); 
///app.get('/view1', wine.index); 
app.get('/wines/:id', wine.findById); 
app.post('/wines', wine.addWine); 
app.put('/wines/:id', wine.updateWine); 
app.delete('/wines/:id', wine.deleteWine); 
app.get('/view1', wine.partials); 
//app.get('/view1/:name', wine.partials); 

2）

exports.index = function(req, res){ 
    console.log("request url---"+req.url); 
    res.render('partials/' + req.params.name); 
}; 

exports.partials = function(req, res) { 
    console.log("request url---"+req.url); 
    console.log(req.params.name); 
    res.render('partials/' + req.params.name); 
}; 

項目文件夾結構：

當我嘗試用下面的URL訪問這個應用程序， http://www.domain:2000/view1

我收到以下錯誤，

Error: Failed to lookup view "partials/undefined" at Function.app.render (d:\era\startup\learnnod\restfull_angular2\node_modules\express\lib\application.js:494:17) at ServerResponse.res.render (d:\era\startup\learnnod\restfull_angular2\node_modules\express\lib\response.js:756:7) at exports.partials (d:\era\startup\learnnod\restfull_angular2\routes\wines.js:104:9) at callbacks (d:\era\startup\learnnod\restfull_angular2\node_modules\express\lib\router\index.js:161:37) at param (d:\era\startup\learnnod\restfull_angular2\node_modules\express\lib\router\index.js:135:11) at pass (d:\era\startup\learnnod\restfull_angular2\node_modules\express\lib\router\index.js:142:5) at Router._dispatch (d:\era\startup\learnnod\restfull_angular2\node_modules\express\lib\router\index.js:170:5) at Object.router (d:\era\startup\learnnod\restfull_angular2\node_modules\express\lib\router\index.js:33:10) at next (d:\era\startup\learnnod\restfull_angular2\node_modules\express\node_modules\connect\lib\proto.js:190:15) at resume (d:\era\startup\learnnod\restfull_angular2\node_modules\express\node_modules\connect\lib\middleware\static.js:60:7)

請讓我知道如果你需要它的詳細信息

Answer 1

問題是，您正在嘗試處理您的角碼和您的快遞代碼中的路線。爲了讓它按預期工作，您需要將所有非部分/非API路線導向到您的index.html文件。

試着做這樣的事情：

wine.js（您的明確路線文件）

exports.index = function(req, res) { 
    res.sendfile(__dirname + "/public/index.html"); // updated to reflect dir structure 
}; 

app.js（您的明確程序文件）

... 
// make this your last route and remove your '/view1' route 
app.get('*', wine.index); 
... 

Answer 2

在您的wine.js中，您使用參數name，但在您的路線中，您已評論一部分。

app.get('/view1', wine.partials); 
//app.get('/view1/:name', wine.partials); 

既然你沒有指定帕拉姆:name的路線，當您嘗試與req.params.name訪問它給出了定義。並且您查找不存在的文件undefined。

Error: Failed to lookup view "partials/undefined" at Function.app.render 

你可能想res.render('partials/view1');