mui通过token的有无来判断是否出现登录页面

最新推荐文章于 2023-08-08 14:22:40 发布

孤身不觉晚

最新推荐文章于 2023-08-08 14:22:40 发布

阅读量1.6k

点赞数 1

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/qq_40043424/article/details/98473326

本文介绍如何在manifest.json中设定main.html为页面入口，并通过判断localStorage中的'access_token'来条件加载不同的子页面，如登录页面(Logon.html)或首页(nav_footer.html)，实现移动端应用的灵活页面切换。

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

页面构成
在这里插入图片描述

首先在manifest.json中将main.html设置成页面入口：
在这里插入图片描述
main.html中代码如下：

<script src="js/mui.min.js"></script>
		<script type="text/javascript">
			var token = localStorage.getItem('access_token')
//			token = ''
			if(!token) {
				mui.init({
					subpages: [{ //下边是初始化，然后这个页面显示我们将插入的页面
						url: "./Logon.html",
						id: "logon.html",
						styles: {
							top: "0px",
							bottom: "0px"
						}
					}]
				})
			} else {
				mui.init({
					subpages: [{ //下边是初始化，然后这个页面显示我们将插入的页面
						url: "./nav_footer.html",
						id: "nav_footer.html",
						styles: {
							top: "0px",
							bottom: "0px"
						}
					}]
				})
			}
		</script>