使用Nodejs建立临时本地服务器，运行调试开发
前端开发
2017年3月12日星期日 23:04
# First
安装Nodejs，略（自行百度）
# Second
安装必要组件；
npm install url fs http path --save
# Final
在工程目录下创建新的app.js文件，并复制以下代码：
var url = require("url"),
fs=require("fs"),
http=require("http"),
path = require("path");
http.createServer(function (req, res) {
var pathname=__dirname+url.parse(req.url).pathname;
if (path.extname(pathname)=="") {
pathname+="/";
}
if (pathname.charAt(pathname.length-1)=="/"){
pathname+="index.html";
}
fs.exists(pathname,function(exists){
if(exists){
switch(path.extname(pathname)){
case ".html":
res.writeHead(200, {"Content-Type": "text/html"});
break;
case ".js":
res.writeHead(200, {"Content-Type": "text/javascript"});
break;
case ".css":
res.writeHead(200, {"Content-Type": "text/css"});
break;
case ".gif":
res.writeHead(200, {"Content-Type": "image/gif"});
break;
case ".jpg":
res.writeHead(200, {"Content-Type": "image/jpeg"});
break;
case ".png":
res.writeHead(200, {"Content-Type": "image/png"});
break;
default:
res.writeHead(200, {"Content-Type": "application/octet-stream"});
}
fs.readFile(pathname,function (err,data){
res.end(data);
});
} else {
res.writeHead(404, {"Content-Type": "text/html"});
res.end("<h1>404 Not Found</h1>");
}
});
}).listen(8080, "127.0.0.1");
console.log("Server running at http://127.0.0.1:8080/");
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
最后在终端运行：
node app.js
打开 Chrome 输入正确路径，如： http://127.0.0.1:8080/ ，即可进行调试了。
扩展，增加监听端口号服务，自动刷新浏览器。
(function initBrowserSyncConfig()
{
// 监听本地服务器8080端口，也就是上面运行的端口
browserSync.watch(['pages/', 'js/', 'css/', '*.html', '*.js', '*.css'])
.on('change', browserSync.reload);
browserSync.init(
{
proxy: "localhost:8080"
}
);
})();
1
2
3
4
5
6
7
8
9
10
11
2
3
4
5
6
7
8
9
10
11
最后，自动运行浏览器，打开监听的代理服务器
作者：Zyao89；转载请保留此行，谢谢；