mocker-api-json

置顶 | Posted on | 阅读数

喜大普奔,我的npm包上线啦~！！！
991271764c504b5ba6e36ca1f37a58fd.jpeg

攻略

1
npm install mocker-api-json mocker-api --save-dev

webpack dev文件

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
const path = require('path');

const webpack = require('webpack');

const merge = require('webpack-merge');

const BaseConfig = require('./webpack.base.js');

const apiMocker = require('mocker-api');
//webpack配置
mode: 'development',
  devServer: {
    host: '0.0.0.0',
    port: 9001,
    headers: {
      'Access-Control-Allow-Origin': '*'
    },
    historyApiFallback: {
      rewrites: [{
        from: /.*/g,
        to: '/www/view/index.html'
      }]
    },
    proxy: {
      '/api': {
        target: 'http://test01.test.com:8091/'
      }
    },
    before(app) {//此处是重点`!!!!!!!!!!!!!!!
      //https://www.webpackjs.com/configuration/dev-server/#devserver-before
      apiMocker(app, path.resolve(__dirname, '../mock/index.js'));
    }
  },

mock/index.js文件

1
2
3
4
5
6
7
const json = require("mocker-api-json");
module.exports = json({
  mock: true, //全局打开mock
  dirname: __dirname, //当前文件路径
  baseUrl: "api/", //公共请求链接
  delay: 10 //延迟时间
});

额… 目前只加了这几个配置，后续提 issues 再加吧

Mock 资源文件配置

52646541651634.png

json文件就这样

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
{
  "err_code": 0,
  "err_msg": "ok",
  "mock": true, //控制单个文件mock开关
  "data": {
    "poi": {
      "z_id": "111111111111",
      "name": "中国技术交易大厦大厦大厦",
      "province": "",
      "city": "北京市",
      "district": "海淀区",
      "longitude": 116.307499005,
      "latitude": 39.111,
      "addr": "",
      "category": "房产小区:商务楼宇",
      "category_code": 281200,
      "expiration_label": 0,
      "phone": ""
    }
  }
}

后记

大概就这些啦，如有问题yuwangi.github.io 联系我