webpack 一键式 mock 插件

安装

npm i -D proxy_mock_webpack_plugin

使用

    # webpack.config.js 接入插件
    const   ProxyMockWebpackPlugin  = require('proxy_mock_webpack_plugin')

    module.exports = {
        mode:"development",
        plugins:[new ProxyMockWebpackPlugin({
            prefix:'https:"xxxxx"',
            path:"api"
            port:"4000"
        })]
    }

    # xxx.js
     fetch("http://localhost:4000/api/xxx", {
      method: "POST",
      headers: {
        "Content-Type": " application/json",
        // ...xxx 可以携带正常请求的请求头
      },
      body: JSON.stringify({
        'test':"1111",
        // 需要处理的mock数据 会在原有数据上进行修改或者添加
        edit: {
          "result.data.order.status": "test",
        },
      }),
    })

参数配置

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

使用说明

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