# 安装 pnpm
npm install pnpm -g
# 安装依赖
pnpm i lt-portal-menu
#另 pnpm v10+版本需要执行以下命令
pnpm approve-builds
//public/config/config.js:
//全局配置项
;(function (window) {
window.globalConfig = {
// 添加以下配置
PortalMenuApiUrl:`128.23.13.16:18089`,// 门户地址
PortalMenuApiContext:'/api/' , // 门户地址前缀
}
})(window)
配置说明:
参数 | 说明 | 类型 | 是否必要 | 默认值 |
---|---|---|---|---|
PortalMenuApiUrl | 门户地址,格式: ip:port eg: 127.0.0.1:9527
|
String | 是 | - |
PortalMenuApiContext | 门户地址前缀,需要拦截该前缀转发到对应后端地址.格式 /:path/ eg: /api/
|
String | 是 | - |
- 使用组件的地方
```html
<script setup lang="ts">
// 引入组件
import "lt-portal-menu/dist/index.css";
import PortalMenu from "lt-portal-menu";
const userInfo =ref({userId:'用户id'});
</script>
<template>
<div class="cdp-base-container" >
<!-- 使用组件 -->
<PortalMenu :user-info="userInfo"/>
</div>
</template>