节点/ Express：根“ /”路由的路由标识符

Question

我正在开发一个目录应用程序，其中根据某些参数在服务器端呈现内容。 我的目录是在appache上运行的其他应用程序的子应用程序。 我在需要时使用反向代理重定向到节点。

因此，我的节点根路由是这样的： http://myapp.com/directory/ : http://myapp.com/directory/

我需要采用以下格式的路由： http://maypp.com/directory/location/category : http://maypp.com/directory/location/category

哪里，位置和类别可以是任何东西！ （这是用户生成的内容）

我最初的想法是，我将可以执行以下操作：

app.get('/:location?/:category?', routes.index);

但是，我得到以下行为：渲染视图后，在routes.index具有console.log('location: ' + req.params.location + ', category: ' + req.params.category);

当我导航到http://maypp.com/directory/我得到以下信息：

location: css, category: main.css
GET /components/modernizr/modernizr.js 200 69ms - 48.97kb
GET /components/requirejs/require.js 200 69ms - 80.75kb

并且浏览器输出中断，并出现以下错误：

Uncaught SyntaxError: Unexpected token < main.js:1

最奇怪的是main.js包含呈现的HTML页面，而不是我的浏览器端js模块。

另一个测试用例：当我导航到http://maypp.com/directory/loc/cat ，得到以下信息：

location: loc, category: cat
location: css, category: main.css
GET /components/modernizr/modernizr.js 200 6ms - 48.97kb
GET /components/requirejs/require.js 200 6ms - 80.75kb
location: js, category: main.js

和与浏览器相同的内容。

在我的layout.jade我有以下内容：

script(type="text/javascript", src="/directory/components/requirejs/require.js" data-main="/directory/js/main")

如果我定义的路线没有第二个标识符（例如app.get('/:location?', routes.index); ），则可以正常工作，但这不是我所需要的！

======答案=========
将所有路由处理都移至静态资产处理中间件下方。

var app = express();

app.set('port', process.env.PORT || 3000);
app.set('view engine', 'jade');
app.set('views', __dirname + '/views');
app.set('view options', {layout: true});
app.use(express.favicon());
app.use(express.logger('dev'));
app.use(express.bodyParser());
app.use(express.methodOverride());
app.use(express.responseTime());
app.use(express.errorHandler());
app.use(express.responseTime());
app.use(require('prerender-node'));

app.use(express.static(path.join(__dirname, '../../public')));
app.use(app.router);

var routes = require('./routes')(app);

Answer 1

位置：css，类别：main.css

这和您的一些错误是因为未将静态内容，css和js的处理程序设置为在app.router之前执行。 快速表达中间件的顺序必须经过仔细考虑和精确考虑。 因此，首先要正确设置中间件顺序，以便在处理app.router之前处理所有静态CS，JS，图像等。