2016-09-11 107 views
1

我在angularjs和expressjs中創建路由並創建app.all('/*'...)以使其可以管理器index.html,但每次我使用/*時,頁面都會崩潰(Aw,Snap!)angularjs和expressjs路由崩潰(Aw,Snap!)

angularjs

home.config(function($routeProvider,$locationProvider,$httpProvider) 
{ 

    $routeProvider.when('/home', 
    { 
     templateUrl: 'home.html', 

    }) 
    .when('/access_level', 
    { 
     templateUrl: 'access_level.html', 

    }) 
    .when('/Users', 
    { 
     templateUrl: 'Users.html', 

    }) 
    .otherwise({ 
     redirectTo: '/home' 
    }); 
    $locationProvider.html5Mode({enabled: true,requireBase: false,rewriteLinks: true}); 
}); 

expressjs

app.all('/*', function(req, res, next) { 
    res.sendFile('/views/index.html', { root: __dirname }); 
}); 
app.get('/:name',function(req,res){ 
    var name = req.params.name; 
    res.render(name); 
}); 

有啥此事我的代碼?

+0

您是否有角度或表達錯誤? – AlainIb

+0

@AlainIb不,我沒有在angularjs中的任何錯誤和快遞 –

+0

@AlainIb我沒有在控制檯或日誌中看到任何錯誤 –

回答

0

finaly我找到了另一種解決辦法,即使我沒有使用angularjs HTML5模式,但它的工作

所以,我只能讓views文件夾工作的喜歡公用文件夾

變化從

app.set('views', path.join(__dirname, 'views')); 

app.use(express.static(path.join(__dirname, 'views'))); 

,然後我只創建/服務器端路由(我不需要/:name了)

app.get('/', function(req, res) { 
    res.sendFile('/views/index.html', { root: __dirname }); 
});