编辑:最初的问题现已修复,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"