javascript - 从 Node.js 加载 html 和静态资源

Question

我正在尝试在 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 资源？

或者也许问题应该是，这是使用 Node 制作网页的正确方法吗？

Answer 1

您已经在使用express，所以最好的方法是定义您的公共(public)文件夹，您将在其中放置 css 或 js 文件，以使其可用作静态资源 -

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

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

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

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