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

标签 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 资源?

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

最佳答案

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

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

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

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

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

关于javascript - 从 Node.js 加载 html 和静态资源,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33945787/

相关文章:

javascript - 当我的导航栏折叠时如何使按钮起作用?

javascript - 如何在express js中的中间件之后渲染不在公共(public)或查看文件夹中的静态文件

javascript - 如何使图像 DOM 元素响应

javascript - 删除本地存储

html - CSS:根据屏幕分辨率使用不同的宽度

html - css向导航添加分隔符

node.js - Node JS 环境变量和 Heroku 部署

尝试通过 SSL 与后端服务器通信的 Node.js 错误

javascript - 设置显示后Flash对象方法不可用 :none

javascript - 需要水平的 jquery newsticker(滚动/运行文本)