为什么我的jQuery，文件没有加载？

Question

我像这样导入jQuery，我的头脑中的boostrap

<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<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">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"</script>

我试图像这样使用NodeJS和Express，我在Google上找到它

var http = require('http');
var fs = require('fs');
var express = require('express');
var app = express();

http.createServer(function(req, res) {
fs.readFile('main.html', function(err, data) {
res.writeHead(200, {
  'Content-Type': 'text/html',
  'Content-Length': data.length
});
res.write(data);
res.end();
});
}).listen(8000);

但是当我的页面被加载时，那些libs没有被加载。 我也有一些图像

    <div class="item active">
          <a href="vungtau.html">
          <img src="IntroduceImage/VungTau.jpg" alt="Vũng Tàu">
          <div class="carousel-caption">
            <h3>Vũng Tàu</h3>
            <h4>Lần đầu đi Vũng Tàu bằng xe máy</h4>
          </div>
          </a>
        </div>

它们也没有加载。这是地址：D：\ Atom Project \ IntroduceImage \ VungTau.jpg

任何人都知道为什么？ 我加载它没有像这个文件的NodeJS：/// D：/Atom%20Project/main.html。他们都装满了。 请帮助，我是NodeJS的新手。

Answer 1

您必须提供express.js-staticFile

中给出的文件参考路径

之类的，

const path = require('path');

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

我的图像存储在服务器的根目录中。

Answer 2

提示如下

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

http://localhost:3000/static/images/kitten.jpg
http://localhost:3000/static/css/style.css
http://localhost:3000/static/js/app.js
http://localhost:3000/static/images/bg.png
http://localhost:3000/static/hello.html

浏览此链接

https://expressjs.com/en/starter/static-files.html