WEB前端ide 插件magic-api

一款快速接口开发在线IDE

示例：https://magic-api.ssssssss.org/

 

 

插件地址：https://gitee.com/ssssssss-team/magic-editor

vue引入

<template>
  <div>
    <magic-editor :config="config"/>
  </div>
</template>

<script>
// 引入组件
import MagicEditor from 'magic-editor'
// 引入样式
import 'magic-editor/dist/magic-editor.css'
export default {
  components: {
      MagicEditor
  },
  data(){
    return {
      config:{
        baseURL: 'https://backend.ssssssss.org:9998/magic/web',    //配置后台服务
        serverURL: 'https://backend.ssssssss.org:9998/',    //配置接口实际路径
        // 其它配置请参考文档
      }
    }
  }
}
</script>

<style>

</style>

可以通过查看组件实例data参数，推出config对象可以配置的参数

 

。。。。