靜態文件無法加載

Question

我已經聲明了靜態文件（例如CSS和javascript文件）的靜態路徑。 如果只有一個URL路徑，則可以成功檢索靜態文件，但是當我添加子路徑時，將無法訪問它們。

資料夾位置

/static/css
/static/js

在HTML中

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

在server.js中

app.use(express.static(__dirname + ""));
app.use(express.static(__dirname + "/static"));
app.use('/static', express.static('/static/'));
app.use(express.static(__dirname));

在單個路徑中，例如它們是可訪問的

localhost:4000/css/style.css

但是在這樣的網址中

localhost:4000/services/construction/css/style.css

這引發一個錯誤。

Answer 1

您是否嘗試過使用app.use(express.static('static'));

Answer 2

首先，一次使用express.static 。 通過為您的所有靜態文件提供多個URL，不要混淆事情。

您說localhost:4000/css/style.css有效，因此請使用使URL起作用的調用：

app.use(express.static(__dirname + "/static"));

然后，將您的HTML更改為始終指向該 URL。

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

這是相對路徑的URL 。 它將把所有東西從路徑的最后一個/刪除，並保留/之前和包括的所有內容。

因此，根據HTML文檔的位置，您將為樣式表引用不同的URL。

請改用絕對路徑 。 以/開頭的URL：

href="/css/progress.less"