2016-05-31 35 views
-1

它在Mac上運行。Node.js的索引頁不讀取css或javascript文件

所有的文件在庫/網絡服務器/文件/

當我運行節點index.js,代碼:

<link rel="stylesheet" href="css/style.css" /> returns: { 

    Failed to load resource: the server responded with a status of 404 (Not Found) 

} 

不過,如果我打開HTML文件時,它讀取的一切。

背後有什麼醜陋的蟲子?

+0

一塊代碼的根導演:鏈接的rel =「樣式表的」 href =「CSS/style.css中「 –

+1

你能否提供'index.js'文件中的代碼?否則難以提供幫助。 –

回答

2

在使用它們之前,應該包含這些資源。

你可以做到這一點是:app.use(express.static(__dirname + '/public'));

「public'is文件夾,您將有一個像圖片/ JS/CSS靜態內容。

欲瞭解更多信息,請訪問:http://expressjs.com/en/starter/static-files.html

+0

你如何學習這個?有沒有什麼好的教程? –

+0

我從http://www.tutorialspoint.com/以及express js官方網站了解了基本節點 –

0

您可以使用app.use(express.static(path.join(__dirname, 'Documents'))); 這將允許節點來服務所有的文件夾在你的HTML中引用的文件,如CSS文件或其他東西

我會建議將所有服務(HTML,CSS,JS)放在一個公用文件夾中,您可以將其傳遞給上述中間件。

在上面的函數,保持__dirname作爲因爲它是一個全局變量指的是應用

+0

您如何學習?有沒有什麼好的教程? –