gulp webserver

var gulp=require('gulp');
var webserver=require('gulp-webserver');
//url,node提供对URL信息的读取和设置的插件
var url=require('url');
//fs node文件管理模块
var fs=require('fs');
gulp.task('webserver',function(){
    gulp.src('./')//得到根路径
    .pipe(webserver({
        //实时刷新
        livereload:true,
        port:80,
        host:'localhost',
        //访问的路径是否显示
        directoryListing:{
            enable:true,
            path:'./'//从哪个目录下开始启动
        },
        //对请求进行拦截
        middleware:function(req,res,next){
            //req:发送的请求
            //res:需要接受响应的对象
            //next:指向下一步操作的指针
            var urlObj=url.parse(req.url,true);
            console.log(urlObj.pathname);
            if(urlObj.pathname=='/data/json.json'){
                //设置响应头
                res.setHeader('Content-Type','application/json');
                //读取文件
                fs.readFile('json/data.json','utf-8',function(err,data){
                    //将文件的数据设置为响应的数据
                    res.end(data);
                });
                return;
            }
            //放网页继续进行
            next();
        }
    }))

});
gulp.task('copy-file',function(){
    gulp.src('dist/index.html').pipe(gulp.dest('src'));
});
gulp.task('watch',function(){
    gulp.watch('dist/index.html',['copy-file']);
});
gulp.task('default',['webserver','watch']);