2014-11-08 39 views
1

我正在学习使用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文件?

回答

0

你可以简单地遵循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

祝你好运!

+0

最接近的答案!在通过快速文档拖网之后,我发现通过添加行app.use(express.static(__ dirname +'/ public'));我的css和js文件夹在公共文件夹中,它的工作原理。 – flyinglizard 2014-11-09 02:56:26

0

您的本地主机在您机器上的特定目录中开始。如果您使用Xampp,则必须将所有服务器文件放在C:\ xampp \ htdocs \中,以便通过本地主机URL访问这些文件。其他一些服务器使用名为'www'的文件夹。

找到你的服务器根路径,把你的文件放在那里。或者从你的服务器根创建一个符号链接到你的文件。

0

您是否需要路径模块?

var path = require('path'); 

这是最好创建一个public目录将文件存储在

public/index.html 
public/css/style.css 
public/js/scripts.js 
相关问题