【发布时间】:2014-05-05 13:50:20
【问题描述】:
我正在用 node.js 和 express 编写一个应用程序。
我已经设置了一个默认路由:
app.get('/', function(req, res){
res.sendfile('./views/index.html');
});
当我转到 /localhost:port/ 时,这工作正常
但是在那之后我在 URL 中输入任何内容时,/localhost:port/blah 我得到 404 ERROR,这是有道理的。
我想设置一个默认路由,这样无论我在 localhost:port/ 之后输入什么 URL,它都应该返回相同的 html 文件。
我尝试将 / 更改为 * :
app.get('*', function(req, res){
res.sendfile('./views/index.html');
});
但是在我这样做之后,我开始在控制台中收到此错误并且什么都没有显示:
Uncaught SyntaxError: Unexpected token
在我所有的 Javascript 文件中::3000/scripts/myscript.js:1
我的 javascript 文件以某种方式显示了 HTML 的内容
===编辑====
我使用了这个,它在一级 url 上运行良好:比如 loclhost:port/blah
app.use(function(req, res){
res.sendfile('./views/index.html');
});
但是当 URL 是多级的时,我看到了与前面描述的相同的问题 localhost:port/blah/foo 这里的问题是路由器在 /blah 文件夹下寻找所有 javascript 和 CSS 文件的公共目录,在这种情况下,它不存在。它正在返回默认的 HTML 文件。我该如何解决这个问题?
==================编辑发布整个代码======================== =================
var http = require('http');
var express = require('express');
var api = require('./routes/api');
var mongoose = require('mongoose');
var app = express();
mongoose.connect('mongodb://localhost/mydb');
app.set('port', process.env.PORT || 3000);
app.set('view engine', 'jade');
app.use(express.favicon());
app.use(express.logger('dev'));
app.use(express.json());
app.use(express.urlencoded());
app.use(express.methodOverride());
app.use(express.cookieParser('your secret here'));
app.use(express.session());
app.use(app.router);
app.use(express.static(__dirname + '/public'));
app.get('/api/user/:userid', api.getUserInfo);
app.get('/', function(req, res){
res.sendfile('./views/index.html');
});
http.createServer(app).listen(app.get('port'), function(){
console.log('Express server listening on port ' + app.get('port'));
});
除此之外,我还有一个带有 myscript 链接的 HTML,
<script type="text/javascript" src="./scripts/myscript.js" ></script>
【问题讨论】:
-
你能把整个代码贴出来吗?
-
您的站点正在加载您的 JS 文件,这些请求可能由您的“catch-all”.get '*' 提供。浏览器需要 JavaScript 文件,但会获取您的 index.html。这表明您并不真的希望所有的 URL 都使用 index.html。
-
嗯。你会认为因为它是第一位的,所以
app.use(express.static(__dirname + '/public'));行应该优先。 :// -
那我该如何避免呢?
标签: javascript node.js express url-routing