generator-devserver

用于生成一个开发服务器，该开发服务器还具有本地mock数据以及代理请求等功能

准备工作

1. 安装 yo

   npm install -g yo

2. 安装 generator-devserver

   npm install -g generator-devserver

使用步骤

1. 使用命令行工具切换到项目目录
2. 初始化配置，配置项参见《配置信息》

   yo devserver

3. 安装程序包

   npm install

4. 启动本机服务器

   npm start

配置信息

初始化配置步骤中，会有这些配置项需要输入，说明如下：

• 项目名称：随意
• 域名：也就是上线后的域名，不需要填开始的http://
• 本机端口号：一般是80，如果本机同时起了多个开发服务器，可以配置不同的端口号
• 接口服务器地址：也就是后端接口的服务器地址，比如：http://192.168.162.108
• 站点跟路径（相对于当前目录）：一般也就是当前目录

进一步配置

• mock配置：在 mock/mock.config.js文件中，详细使用说明参见 express-mock-api
• proxy配置：在 config/webpack.dev.js文件的devServer.proxy属性中。path的写法参见 path-to-reg，值得写法一般都相同。示例如下：

proxy: {
    "*.do": {
        target: "http://192.168.1.3"  // 这就是代理目标服务的地址
    },
    "/path/": {
        target: "http://192.168.1.4"  // 这就是代理目标服务的地址
    }
}