极简易node服务器

原因

1. 在开发vue的过程当中，npm run build后生成的文件须要在服务端才能够使用
2. 本地使用引入less.min.js文件来进行调试时，也依赖服务器环境，不要吐槽为何不用less-loader......
3. 只须要放置一个静态页面的简单服务器。
4. etc.

以往使用的是相似基于appche的xammp工具，但xammp有些笨重(200M+)，因而选择用nodejs来实现一个简单的服务,来放置页面。

现状

nodejs自己已经提供了建立服务的方法createServer，但没有提供页面入口，express,koa等框架提供了，但略复杂。

使用方法

所以，写了一个简单的无依赖的服务，用来预览页面。使用方法以下：

git clone https://github.com/sumnow/simple-server.git
node server.js
复制代码

打开浏览器http://localhost:8080 便可查看效果。

默认服务启动在8080端口，预览目录下的index.html，能够修改server.js来改变端口和页面地址。

var port = 8080;
var pagePath = "/index.html"
复制代码

原理分析

原理就是Browser向Server请求页面的时候，实际上是一个GET请求，不过是按照不一样的Content-Type来解析

"css": "text/css",
    "gif": "image/gif",
    "html": "text/html",
    "ico": "image/x-icon",
    "jpeg": "image/jpeg",
    "jpg": "image/jpeg",
    "js": "text/javascript",
    "json": "application/json",
    "pdf": "application/pdf",
    "png": "image/png",
    "svg": "image/svg+xml",
    "swf": "application/x-shockwave-flash",
    "tiff": "image/tiff",
    "txt": "text/plain",
    "wav": "audio/x-wav",
    "wma": "audio/x-ms-wma",
    "wmv": "video/x-ms-wmv",
    "xml": "text/xml"
复制代码

例如以上的常见文件格式以及type，按照type返回给Browser就能够正常解析啦。

使用体验

目前基于这个创建的自用FileServer运行良好~

项目地址： github.com/sumnow/simp…