前台-平台搭建:根据采购中心与供应商中心的选择进入显示对应的动态路由菜单

本文介绍了如何在前端应用中,通过接口获取数据并根据用户角色(采购中心或供应商中心)动态构建对应的路由菜单。主要涉及的技术包括JavaScript和TypeScript。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1.接口获取菜单   utils/UserUtil.ts


/**
 * 获取菜单列表
 */
const getMenusList = async (): Promise<any> => {
	const config = {
		timeout: 50000,
		baseURL: import.meta.env.VITE_API_BASEURL,
		method: 'get',
		url: `api-user/menus/current_reception`,
		headers: { 'Content-Type': 'application/json' },
		cancelToken: source.token,
	} as any
	config.headers['access_token'] = `${Local.get('token')}`
	config.headers.Authorization = `Bearer ${Local.get('token')}`
	return await axios(config)
		.then((res: any) => {
			return res.data.data
		})
		.catch((err: any) => {
			console.log(err)
			return null
		})
}



// 重新构建路由
const reloadMenusList = 
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值