nodejs从服务器返回静态文件,详解Nodejs之静态资源处理

前言

刚开始用Nodejs写简单的web服务器的时候，总是感觉少了点什么。

原来，我一直是在页面上输出什么Hello World！啊， It Works.之类的了。还确实没有处理关于CSS， JS这些引用的静态相关的资源。

一开始觉得处理这些东西应该会非常的easy，结果发现不仅仅是这么回事。途中也遇到了一些人们经常可能会犯的想当然的错误。于是我就决定好好的记录一下关于Nodejs中对于静态资源的处理。

着眼于问题

重现问题

先来展示一下目录结构吧。

E:\CODE\NODEJS\LEARN\WEB\EXPRESS-STATIC

│ server.js

│

├─html

│ index.html

│

└─public

├─css

│ index.css

│

├─imgs

│ 1.gif

│

└─js

index.js

这样一个web项目的骨架就算是搭建好了。下面简单的使用nodejs的http模块实现一个web服务器。目标就是显示index.html

index.html

My Index Page

It Works.

---

index.css

* {

padding: 0px;

margin: 0px;

}

h1 {

color: yellowgreen;

}

body {

background-color: #2C001E;

}

server.js

var http = require('http');

var fs = require('fs');

function handle_request(req, res) {

// 客户端对服务器的请求，说白了就是对相关文件内容的请求。

res.writeHead(200, { 'Content-Type': 'text/html' });

res.end(get_file_content(__dirname + '\\' + 'html' + '\\' + 'index.html'));

}

function get_fil