api-hook

轻量级接口可视化测试工具，提供接口mock和接口拦截的功能

Usage no npm install needed!

<script type="module">
  import apiHook from 'https://cdn.skypack.dev/api-hook';
</script>

README

api-hook

api可视化测试工具，提供接口拦截和接口模拟功能，以一种低成本的方式定制个性化数据，目前只支持react项目使用，且确保网络请求都是通过ajax发出的。

使用说明

1.安装npm包

npm install api-hook --save-dev

2.组件导入

在项目入口文件引入组件

import ApiHook from 'api-hook';

function App() {
    return (
        <div className="App">
            <Main />
            <ApiHook
                autoFilter
                defaultVisiable
                allowOrigins={['http://localhost:3000']}
            />
        </div>
    );
}
......
ReactDOM.render(
    <React.StrictMode>
      <App />
    </React.StrictMode>
    document.getElementById('root')
);

参数说明

属性 说明 默认值
autoFilter 是否默认拦截接口 false
defaultVisiable 工具面板是否默认可见 false
allowOrigins 容许开启工具功能的站点，为数组类型，只有配置此项，才能在项目中使用工具