2017-11-25 49 views
2

因此,我是node js的新用戶。我的文件夾看起來像這樣NODE.JS如何使用node.js顯示我的CSS文件夾,其中我的server.js和index.html位於文件夾之外

NODE //my main folder here 

      ->CSS //this is a folder 
      ->IMAGES //this is a folder 
      ->node_modules //this is a folder where intalled npms are stored 
      ->index.html 
      ->server.js 

我想我style.css這是CSS folder裏面我index.html使用node.js中所示。

我會感激你的幫助

+0

您能否提供一些節點代碼,以便我們瞭解系統的工作方式? – Intervalia

+0

我見過的大多數Node應用程序都將瀏覽器/客戶端文件中的服務器文件分開。客戶端文件全部存在於名爲'public'或'client'的文件夾下或類似的文件夾下。因此,例如,您可以在'public'中使用HTML文件,在'public/css'中使用CSS文件,在'public/js'中使用JS文件等。 – Intervalia

回答

1

index.html中

<link rel="stylesheet" href="style.css"> 

在server.js包括CSS目錄:

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

最佳做法是使在主目錄中的公用文件夾。它應該包含所有需要comman的css,js,assets文件夾。然後在你的服務器文件中。

app.use(express.static('public')) 

對於你的情況,你可以使用:

app.use(express.static('CSS')) 

,之後您可以根據在正常的HTML文件做直接鏈接CSS或任何其他公共文件。

相關問題