简介

这是专属于 Eolink Mock 系统的前端 HTML 插件，支持 vite 以及 webpack 两款构建工具。

使用

安装

$ npm install @eolink_apikit/mock-proxy-plugin

引用

webpack

1// 默认引入webpack
2const EoMockProxyPlugin = require('@eolink_apikit/mock-proxy-plugin')
3module.exports = {
4  plugins: [
5    new EoMockProxyPlugin({
6      // config
7    })
8  ]
9}

vite

1const EoMockProxyPlugin = require('@eolink_apikit/mock-proxy-plugin/vite')
2export default defineConfig({
3  plugins: [vue(), new EoMockProxyPlugin(
4    // config
5  )]
6})

配置

• 实例化 EoMockProxyPlugin 时传参，如下示例：

  new EoMockProxyPlugin({
      "MOCK_API_HOST":"https://mockapi.eolink.com/",//[optional][string]
      "PROXY_MATCH_PATH：":"/api/v1/",//[optional][string]
      "IS_OPEN：":false //[optional][boolean]
  })
  

• MOCK_API_HOST：[string] Eolink Mock API 统一的转发地址前缀，示例：https://mockapi.eolink.com/
• PROXY_MATCH_PATH：[string] 拦截关键词，默认是/api/，假设所拦截的路径不包含此关键词，则默认请求原始路径，否则进入 mock 拦截器
• IS_OPEN：[boolean] 是否开启 Mock 拦截器

注意

• 因为此插件为 HTML 插件，所以假设项目构建工具为 weboack，则需要安装项目依赖插件：“html-webpack-plugin”