server-static

static-server

静态文件服务器,支持SPA,类似于live-server,支持自定义ajax请求路径mock数据,支持模拟ajax跨域请求进行接口调试

安装

npm install server-static -g

安装完成

可通过

static-server --help 或者 static-server -h

命令查看配置帮助文档

可通过

static-server --port=3001 或者 static-server -p=3001

通过指定监听端口

可通过

static-server --slient 或者 static-server -s

指定不监听文件

可通过

static-server --dir=xxxxx 或者 static-server -d=xxxx

指定在哪个目录下启动服务

也可以通过

static-server

的方式（读取默认配置）启动本服务

配置(如不指定,就用默认配置)

可以通过在项目根目录下新建名为static-server.config.js的文件进行配置

//  static-server.config.js
 
module.exports = {
    port: 4000,                         // 监听端口,默认3000,当端口被占用时随机
    entry: "index.html",                // 首页文件,及当路径为"/"时响应的页面 
    target: "http://localhost:8080",    // 调试ajax接口的真实地址和前缀
  	slient: true,				      //  是否监听文件
    ignores: [                          //  忽略过滤器(可传入单个函数或者由函数组成的数组)
        function(file) {
            return /node_modules/.test(file);
        }
    ],
    routers: [                          //  自定义请求路由
        {
            url: "/login",              //  请求的真实地址
            method: "GET",
            cross: true                 //  是否跨域请求
        },
        {
            url: "/main",                       //  路由
            method: "GET",                      //  请求方式
            handler: function(req, res, next) { //  改路由的处理函数(与connect模块调用方法一致)
                console.log("请求进来了");
                res.statusCode = 200;
                res.end(JSON.stringify({
                    res: "test main"
                }));
            }
        },
        {
            url: "/main2",
            method: "POST",
            handler: function(req, res, next) {
                console.log(req.body);
                res.statusCode = 200;
                res.end(JSON.stringify({
                    tip: "请求内容",
                    res: req.body
                }));
            }
        }
    ]
};

在所有接口都需要跨域请求时,可以将static-server.config.js中的routers指定成一个对象，为如下结构即可支持全部跨域调试，更加方便调试

//  static-server.config.js
module.exports = {
    //	...
    routers: {
        url: "*",
        method: "*",
        cross: true
    }
    //	...
};