webpack 一键式 mock 插件

安装

1
2npm i -D proxy_mock_webpack_plugin
3

使用

1    # webpack.config.js 接入插件
2    const   ProxyMockWebpackPlugin  = require('proxy_mock_webpack_plugin')
3
4    module.exports = {
5        mode:"development",
6        plugins:[new ProxyMockWebpackPlugin({
7            prefix:'https:"xxxxx"',
8            path:"api"
9            port:"4000"
10        })]
11    }
12
13    # xxx.js
14     fetch("http://localhost:4000/api/xxx", {
15      method: "POST",
16      headers: {
17        "Content-Type": " application/json",
18        // ...xxx 可以携带正常请求的请求头
19      },
20      body: JSON.stringify({
21        'test':"1111",
22        // 需要处理的mock数据 会在原有数据上进行修改或者添加
23        edit: {
24          "result.data.order.status": "test",
25        },
26      }),
27    })

参数配置

• prefix 需要转发的域名地址
• path 请求路径中包含该字符串就会进行转发代理,如果不配置则不会进行转发
• port 端口号,可选,默认为 3000

使用说明

需要变动的数据加在 body 里面带入,会在返回数据进行修改后返回最终响应数据 需要注意的是,最好在本地开发使用,线上出现问题概不负责