使用节点快递服务静态文件时,正确的脚本path是什么?

我总是遇到问题find正确的path的脚本,它必须是因为我的方式服务静态文件,因为我的path是正确的。 在我的代码中,我试图包含物化框架,但没有find,我不明白为什么。 我在/浏览器中提供我的文件

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

从浏览器/ index.html我使用(我相信)正确的道路,但它不工作。 任何帮助将是真棒,所以我不会一直犯同样的错误! 非常感谢你!

航class/服务器/ app.js

  var express = require('express'); var path = require('path'); var morgan = require('morgan'); var bodyParser = require('body-parser'); var app = express(); module.exports = app; app.use(morgan('dev')); app.use(express.static(path.join(__dirname, '../browser'))); app.use(bodyParser.urlencoded({ extended: false })); app.use(bodyParser.json()); var PORT = process.env.PORT || 1337; app.listen(PORT, function() { console.log('Server is listening on port 1337!'); }); 

航class/浏览器/ index.html的

 <!DOCTYPE html> <html> <head> <title>Title of the document</title> <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=no"> <link rel="stylesheet" type="text/css" href="../css/style.css" /> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css"> <link type="text/css" rel="stylesheet" href="../materialize/css/materialize.min.css" media="screen,projection" /> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> <script type="text/javascript" src="../materialize/js/materialize.min.js"></script> <script src="flight.js"></script> </head> <body> The content of the document...... </body> </html> 

我的结构:

 flights browser index.html flights.js server app.js css style.css materialize css materialize.min.css fonts js materialize.min.js 

首先要了解的是,你需要把所有的静态文件,如CSS,JS,在一个文件夹中可以有CSS和JS等子文件夹和其他东西。

你的结构应该是你的根项目目录中的公共单个文件夹,然后在公用文件夹内放置css,js和其他东西的文件夹。

也是这条线

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

不完全正确。 使用这样的东西

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

public是包含所有静态文件的文件夹

现在假设你把你的css文件夹中包含一些materialise.css文件的物化文件夹,那么这个URL就像http:// localhost:3000 / css / materialize / materialise.css

也检查出明确的静态文件