注意：尽量不要使用 alpha 版本，可能会有较多BUG
npm install zc-web-component
yarn add zc-web-component
`
$3
`js
// 引入组件 version < 1.0.0
import ZcWebComponent, { ConfigManager } from "zc-web-component";
// 引入组件及样式 version >= 1.0.0
import ZcWebComponent, { ConfigManager } from "zc-web-component";
import 'zc-web-component/dist/style.css'
// 在入口文件中配置接口地址，用于获取数据
ConfigManager.setComponentConfig({
baseUrl: 'http://yourhostname/api/',
baseUploadUrl: '',
baseDownloadUrl: '',
baseImageUrl: '',
platformCode: "sys-platform",
loginUrl:'http://localhost',
hasTagsView:false,//是否启用标签页和侧边栏混合导航
verifyCode: false, //是否使用code做验证
hasOnLevel: false, // 是否开启侧边菜单展开收起功能
openLevel: -1, // 展开几层菜单
})
// Vue2.0 引用
Vue.use(ZcWebComponent)
// Vue3.0 引用
app.use(ZcWebComponent)
// 获取登录信息，如果地址上有传过来的token将会存入cookie中
// version < 0.1.4
ConfigManager.loginCover();
//更新loginCover使用
// version >= 0.1.4
ConfigManager.loginCover(()=>{
// 组件和子系统的app.use()挂载内容放置位置
});
`
$3
- 1、登录调用基础平台登录页登录接口
- 2、取消后跳转loginUrl地址即登录地址
- 3、弹窗登录只针对组件库code和token过期或失效
$3
`js
axiox.defaults.withCredentials = true
`
$3
`
`
`
注意事项：各自项目的本地路由path必须和获取到的路由完全相同
``