Angular route 404错误但所有文件都可用

时间:2015-02-20 09:36:36

标签: angularjs node.js

编辑:最初的问题现已修复,I.E。他现在路线工作(这是一个在templat(e)Url中缺少e的问题 但是,仍然得到了GET 404问题,尝试了html:// localhost:3003 /#/ contactus但却无法解决问题。后端是节点和表达。

这里疯了,所以试图构建一个简单的单页应用程序,到目前为止还没有让索引页面正常工作。 我不断得到GET / 404

我确信我错过了一些相当荒谬的事情。 在节点应用程序中,我已设置路由以使用partials和catch all / *

app.use('/', routes);
app.get('*', routes);
app.use('/users', users);
app.use('/partials', partials);

路由控制器如下 " index.js" (作为路线加载)

var express = require('express');
var router = express.Router();

/* GET home page. */
exports.index = function(req, res){
    console.log("This is a test");
    res.render('layout');
};



module.exports = router;

和partials.js(加载为部分)

var express = require('express');
var router = express.Router();

/* GET home page. */
router.get('/:name', function(req, res, next) {
    var name = req.params.name;
    console.log("Was asked to send /partials/" + name);
    res.render('partials/' + name)
});

module.exports = router;

部分有效。如果我尝试localhost:3003 / partials / about它加载很好

现在到layout.jade

doctype html
html(ng-app="BabyPadz")
  head
      base(href="/")
      title BabyPadz
      link(rel='stylesheet', href='/bower_components/bootstrap/dist/css/bootstrap.min.css')
      script(src='/bower_components/angular/angular.js')
      script(src='/bower_components/angular-route/angular-route.js')
      script(src='/bower_components/angular-resource/angular-resource.js')
      script(src='/bower_components/jquery/dist/jquery.js')
      script(src='/bower_components/bootstrap/dist/js/bootstrap.min.js')
      script(src='/javascripts/BabyPadz.js')
      //link(rel='stylesheet', href='/stylesheets/style.css')
  body
      div.container
          ng-view

它确实读到了这一点,当我访问页面时,所有组件都加载了(我甚至尝试过去每一个组件以防万一)。

然后BabyPadz.js,角度控制器

    var BabyPadz = angular.module('BabyPadz', ["ngResource", "ngRoute"]).
    config(['$routeProvider', '$locationProvider',
        function($routeProvider, $locationProvider) {
            $locationProvider.html5Mode(true);
            $routeProvider
                .when('/', {
                    templateUrl : 'partials/about.jade',
                    controller  : 'BabyIndex'
                })
                .when('/about', {
                    templatUrl : 'partials/about.jade',
                    controller : 'BabyIndex'
                })
                .when('/contact-us', {
                    templatUrl : 'partials/contactus.jade',
                    controller : 'BabyIndex'
                })

                // route for the about page

                .otherwise({ redirectTo: "/" });
        }
    ]
);

但是,当我打开网页时,我收到一个GET / 404错误,看起来它之后会重定向,然后加载索引(或者我放入的页面。)(在上面的案例中关于)

如果我尝试localhost:3003 / about或localhost:3003 /#about我在服务器上出现故障。有时候"无法加载资源localhost:3003 / about"

0 个答案:

没有答案