在http：// localhost而不是file：//上查看站點，使用node.js

我正在學習使用node.js。從file:///C:/.../myfolder/index.html 運行時，我有我的jQuery和引導文件的目錄myfolder/css/和myfolder/js在http：// localhost而不是file：//上查看站點，使用node.js

該網站看起來不錯。

但是當我運行node index.js並轉到localhost:3000時，找不到這些css和js文件。

這是在我的index.html文件：

<link href="/css/bootstrap.min.css" rel="stylesheet"> 
<script src="/js/bootstrap.min.js"></script> 
<script src="/js/jquery.js"></script> 
<script src="/socket.io/socket.io.js"></script>

是否有一定的NodeJS文件夾中我應該存儲這些文件？或者我必須在index.js中放入一些代碼來導入所有的css和js文件？

來源

2014-11-08 flyinglizard

你可以簡單地遵循Express.js快速啓動說明這裏：

https://www.npmjs.org/package/express

然後瀏覽到http://localhost:3000進行測試

您可以使用Atom文本編輯器或支架將文件放在public文件夾下並引用它們。

http://atom.io
http://brackets.io

默認快遞使用一個叫做玉模板引擎。你可以看看這裏與合作：

http://jade-lang.com/

Using HTML in Express instead of Jade

Node.js + Express without using Jade

祝你好運！

來源

2014-11-08 11:48:05 Timmerz

最接近的答案！在通過快速文檔拖網之後，我發現通過添加行app.use（express.static（__ dirname +'/ public'））;我的css和js文件夾在公共文件夾中，它的工作原理。 – flyinglizard 2014-11-09 02:56:26

您的本地主機在您機器上的特定目錄中開始。如果您使用Xampp，則必須將所有服務器文件放在C：\ xampp \ htdocs \中，以便通過本地主機URL訪問這些文件。其他一些服務器使用名爲'www'的文件夾。

找到你的服務器根路徑，把你的文件放在那裏。或者從你的服務器根創建一個符號鏈接到你的文件。

來源

2014-11-08 11:06:39 sampie777

您是否需要路徑模塊？

var path = require('path');

這是最好創建一個public目錄將文件存儲在

public/index.html 
public/css/style.css 
public/js/scripts.js

來源

2014-11-08 11:33:06 Tim

在http：// localhost而不是file：//上查看站點，使用node.js

回答

相關問題