由于路径相对性问题，无法从快递服务器提供angular 2 index.html文件

Question

这是我的应用程序文件夹结构，带有angular-client文件夹

下图显示了当我从快递服务器上服务角度应用程序的索引文件时，所有获取都与快递服务器应用程序有关的问题。

这是index.js服务器代码

var express = require('express');
var app = express();
var path = require('path');


app.listen(3000,function(){
console.log('Server started on port 3000');
});

app.get('/',function(req,res){
res.sendFile(path.join(__dirname,'angular-client')+'/src/index.html');
});

有人可以找到解决方案吗？

Answer 1

图片中的路由仅处理GET / （并将index.html作为响应）。

首先，您需要一个捕获GET /styles.css的路由。 然后，您需要让它充当styles.css作为响应。

express.static为您完成了这两项操作（请参阅链接中的文档）。

假设您从TODOMEANAPP目录（而不是node TODOMEANAPP/server.js ）运行node server.js ，则以下代码应该工作：

app.use(express.static('angular-client'));

但是，您必须将href="styles.css"更改为href="src/styles.css" ，将src="systemjs.config.js"更改为src="src/systemjs.config.js" 。