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對象可以配置的參數

 

。。。。