使用Node.js中的静态资源加载html

时间:2015-11-26 19:26:13

标签: javascript html node.js

我正在尝试在Node.js上创建一个基本网站以便学习。 我有一个html与网站的一些css和js文件。 我想从Node.js提供这些页面,所以我可以稍后对它进行ajax调用。

这是我到目前为止的代码:

var express = require("express");
var app     = express();
var path    = require("path");


app.get('/',function(req,res){
  res.sendFile(path.join(__dirname+'/views/index.html'));
});

app.listen(3000);

console.log("Running at Port 3000");

它正确加载html,但找不到资源css / js。

我应该如何实现一个基本的Web服务器,在那里我可以使用我需要的css / js资源指定要返回的页面?

或许问题应该是,这是使用节点制作网页的正确方法吗?

1 个答案:

答案 0 :(得分:2)

您已经在使用快递,因此最好的方法是定义您的公共文件夹,放置cssjs文件,使其可用作静态资源 -

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

public
 -css
  -style.css
 -js
  -script.js

然后在index.html文件中引用为 -

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