angularjs和expressjs路线崩溃(Aw,Snap!)

时间:2016-09-11 06:50:11

标签: javascript angularjs node.js express

我在angularjs和expressjs中创建路由并创建app.all('/*'...)以使其可以运行index.html,但每次使用/*页面都会崩溃(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);
});

那么我的代码是什么问题?

1 个答案:

答案 0 :(得分:0)

最后我找到了另一个解决方案,即使我没有在angularjs中使用html5模式,但是它的工作

所以,我只使视图文件夹工作就像公共文件夹

改变
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 });
});