Dev-helper-vue3 NPM

devHelper

npm.io npm.io

Ctrl+S 调用组件

npm install dev-helper-vue3 --save -dev
template

app.vue

 import DevHelper from 'dev-helper-vue3'

 <DevHelper   :listAPI='listAPI'  :listsocketAPI='listsocketAPI' :uploadConfig='uploadConfig'/>

script

listAPI={
    defaultUrl:Config.baseUrl,//默认选中
    list:[
       {label:'XXX',value:'http://10.10.XX.XXX:8000'},
       ...
   ]
}

listsocketAPI={
    defaultUrl:Config.socketUrl,//默认选中
    list:[
    {label:'XXX',value:'http://10.10.XX.XXX:8000'},
       ...
  ]
}

uploadConfig={
    data:{token: 'sdsfsf...', ...},
    method:'POST',
    action:'http://xxx'
}

后端可使用前端ip和端口在本地更改自己的ip 且不会影响前端的请求

参数	说明	类型	默认
listAPI	后台的调试地址配置	Object	{}
listsocketAPI	socket的调调试地址配置	Object	{}
uploadConfig	上传地址,携带的参数,接口种类配置	Object	{}