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

Question

This is my app folder structure with the angular-client folder

The below picture shows the issue where when I server the index file of angular app from express server , all the gets are relative to the express server app.

This is index.js server code

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');
});

Could anyone find a solution ?

Answer 1

The route in your image only handles GET / (and serves index.html as the response).

First, you need a route that catches GET /styles.css , for example. Then you need to have it serve the styles.css as the response.

express.static does both of these things for you (see the docs in the link).

Assuming you run node server.js from the TODOMEANAPP directory (as opposed to, say, node TODOMEANAPP/server.js ), the following code should work:

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

However, you'll have to change href="styles.css" to href="src/styles.css" and src="systemjs.config.js" to src="src/systemjs.config.js" .