为什么在请求app.css时表达返回index.html？

Question

我使用快速服务器为我的Angular应用程序提供服务。

var express = require('express');
var server = express();
server.use(express.static('./app'));
server.all('*', function(req, res) {
  res.sendFile('index.html', { root: './app' });
});
server.listen(8000);

Full gulpfile.js is here

当我导航到http://localhost:8000时，我的Angular应用重定向到http://localhost:8000/home，app.css已正确投放（我在回复中获得了CSS）。

但是，如果我刷新页面（http://localhost:8000/home），则app.css的回复为index.html。

为什么会发生这种情况，你会如何解决这个问题？

DEMO HERE

Answer 1

您需要使用绝对路径。

<link rel="stylesheet" type="text/css" href="/app.css">

否则来自/ home的app.css表达请求将是home / app.css而不是/app.css。