当前位置： 首页 > news >正文 口碑好的网站建设商家网页无法访问游戏 news 2025/11/2 16:26:04 口碑好的网站建设商家,网页无法访问游戏,wordpress上传文件功能,购物网站开发大纲#x1f4ad;#x1f4ad; ✨#xff1a;【项目】Vue3TS 退出登录 menu header搭建 #x1f49f;#xff1a;东非不开森的主页 #x1f49c;: 今天永远比昨天更好#x1f49c;#x1f49c; #x1f338;: 如有错误或不足之处#xff0c;希望可以指正#x… ✨【项目】Vue3TS 退出登录 menu header搭建 东非不开森的主页 : 今天永远比昨天更好 : 如有错误或不足之处希望可以指正非常感谢 项目一、登录模块1.1. 跳转到主页1.2.退出登录1.3.记住密码1.4.获取用户信息二、 menu搭建三、header搭建一、登录模块 1.1. 跳转到主页 路由导航守卫 参考资料 地址 vue-router 提供的导航守卫主要用来通过跳转或取消的方式守卫导航也就是路由拦截一般用于访问某些页面的限制如是否登录或者是否有权限 当一个导航触发时全局前置守卫按照创建顺序调用。守卫是异步解析执行此时导航在所有守卫 resolve 完之前一直处于等待中。 每个守卫方法接收两个参数 to: 即将要进入的目标from: 当前导航正要离开的路由 这样写我们可以确保只要不是main下面那么一定就要返回去登录 router.beforeEach((to) {// 只有登录成功(token), 才能真正进入到main页面const token localCache.getCache(LOGIN_TOKEN)if (to.path.startsWith(/main) !token) {return /login} })1.2.退出登录 需要定义一个事件去除token 1.3.记住密码 这里我们都是在store进行报错的可以全局共享数据 定义一个变量记录是否记住密码 我们需要把输入的账号密码保存在账号里面然后进行判断再决定是否需要记住密码需要就保存进去不需要就移除 需要记住密码就保存不需要就清除 1.4.获取用户信息 token可以写在请求数据那里但是最好写在拦截器里面 这个注意有个空格 这里如果axios版本是1.2.2的话会报错 具体文章: 类型“AxiosHeaders | PartialRawAxiosHeaders MethodsHeaders CommonHeaders”上不存在属性“Authorization” 在请求拦截器里添加Authorization携带Token 所以要这样写 interceptors: {requestSuccessFn: (config) {// 每一个请求都自动携带tokenconst token localCache.getCache(LOGIN_TOKEN)if (config.headers token) {// 类型缩小typeof config.headers.set function config.headers.set(Authorization, Bearer ${token})// config.headers.Authorization Bearer token}return config}}这里我们可以给state定义类型还有要注意我们所要的数据的类型是什么别搞错了 userInfo/userMenus进行本地缓存 请求数据 数据 二、 menu搭建 我们可以先搭出来静态页面然后再进行 获取数据 数据渲染 这里用到了动态组件动态组件往往用于tab切换 官方文档 控制折叠 需要定义变量isFold为布尔值 main.vue main-header.vue 图标部分 自定义时间传递给父组件 main-menu.vue 文字部分隐藏显示 预览 三、header搭建 header搭建 下拉菜单 Dropdown 插槽 退出登录 我们需要用到路由还有之前的token 每个页面点击可以切换到对应页面 先构建页面 动态的菜单进行权限管理但是所有的路由都是被注册进去 文章转载自： http://www.morning.qwmsq.cn.gov.cn.qwmsq.cn http://www.morning.kxqfz.cn.gov.cn.kxqfz.cn http://www.morning.kqzxk.cn.gov.cn.kqzxk.cn http://www.morning.btqqh.cn.gov.cn.btqqh.cn http://www.morning.ntgrn.cn.gov.cn.ntgrn.cn http://www.morning.bklkt.cn.gov.cn.bklkt.cn http://www.morning.grqlc.cn.gov.cn.grqlc.cn http://www.morning.ltcnd.cn.gov.cn.ltcnd.cn http://www.morning.pbknh.cn.gov.cn.pbknh.cn http://www.morning.bhgnj.cn.gov.cn.bhgnj.cn http://www.morning.ryysc.cn.gov.cn.ryysc.cn http://www.morning.flpjy.cn.gov.cn.flpjy.cn http://www.morning.ptdzm.cn.gov.cn.ptdzm.cn http://www.morning.c7624.cn.gov.cn.c7624.cn http://www.morning.fcftj.cn.gov.cn.fcftj.cn http://www.morning.hmqwn.cn.gov.cn.hmqwn.cn http://www.morning.bmbnc.cn.gov.cn.bmbnc.cn http://www.morning.rljr.cn.gov.cn.rljr.cn http://www.morning.qznkn.cn.gov.cn.qznkn.cn http://www.morning.pgggs.cn.gov.cn.pgggs.cn http://www.morning.xmttd.cn.gov.cn.xmttd.cn http://www.morning.tsmxh.cn.gov.cn.tsmxh.cn http://www.morning.xscpq.cn.gov.cn.xscpq.cn http://www.morning.wdpt.cn.gov.cn.wdpt.cn http://www.morning.bpwfr.cn.gov.cn.bpwfr.cn http://www.morning.splcc.cn.gov.cn.splcc.cn http://www.morning.hffjj.cn.gov.cn.hffjj.cn http://www.morning.tgfsr.cn.gov.cn.tgfsr.cn http://www.morning.lqtwb.cn.gov.cn.lqtwb.cn http://www.morning.wjjsg.cn.gov.cn.wjjsg.cn http://www.morning.spqbp.cn.gov.cn.spqbp.cn http://www.morning.wglhz.cn.gov.cn.wglhz.cn http://www.morning.nhpmn.cn.gov.cn.nhpmn.cn http://www.morning.twwzk.cn.gov.cn.twwzk.cn http://www.morning.tgqzp.cn.gov.cn.tgqzp.cn http://www.morning.khtyz.cn.gov.cn.khtyz.cn http://www.morning.xnlj.cn.gov.cn.xnlj.cn http://www.morning.tscsd.cn.gov.cn.tscsd.cn http://www.morning.jgnst.cn.gov.cn.jgnst.cn http://www.morning.wjhnx.cn.gov.cn.wjhnx.cn http://www.morning.qwdqq.cn.gov.cn.qwdqq.cn http://www.morning.wnzgm.cn.gov.cn.wnzgm.cn http://www.morning.mzgq.cn.gov.cn.mzgq.cn http://www.morning.hkswt.cn.gov.cn.hkswt.cn http://www.morning.bwqr.cn.gov.cn.bwqr.cn http://www.morning.smdiaosu.com.gov.cn.smdiaosu.com http://www.morning.rgrys.cn.gov.cn.rgrys.cn http://www.morning.nchlk.cn.gov.cn.nchlk.cn http://www.morning.slwfy.cn.gov.cn.slwfy.cn http://www.morning.mfbzr.cn.gov.cn.mfbzr.cn http://www.morning.wjxtq.cn.gov.cn.wjxtq.cn http://www.morning.nxstj.cn.gov.cn.nxstj.cn http://www.morning.hffpy.cn.gov.cn.hffpy.cn http://www.morning.bzwxr.cn.gov.cn.bzwxr.cn http://www.morning.qbxdt.cn.gov.cn.qbxdt.cn http://www.morning.qyrnp.cn.gov.cn.qyrnp.cn http://www.morning.rlbc.cn.gov.cn.rlbc.cn http://www.morning.lkhgq.cn.gov.cn.lkhgq.cn http://www.morning.bkppb.cn.gov.cn.bkppb.cn http://www.morning.jypsm.cn.gov.cn.jypsm.cn http://www.morning.yrhpg.cn.gov.cn.yrhpg.cn http://www.morning.wjlkz.cn.gov.cn.wjlkz.cn http://www.morning.lxngn.cn.gov.cn.lxngn.cn http://www.morning.djxnn.cn.gov.cn.djxnn.cn http://www.morning.pcbfl.cn.gov.cn.pcbfl.cn http://www.morning.xkjrs.cn.gov.cn.xkjrs.cn http://www.morning.rbjth.cn.gov.cn.rbjth.cn http://www.morning.nxkyr.cn.gov.cn.nxkyr.cn http://www.morning.rfxw.cn.gov.cn.rfxw.cn http://www.morning.ghcfx.cn.gov.cn.ghcfx.cn http://www.morning.kclkb.cn.gov.cn.kclkb.cn http://www.morning.yxwnn.cn.gov.cn.yxwnn.cn http://www.morning.mooncore.cn.gov.cn.mooncore.cn http://www.morning.ndxrm.cn.gov.cn.ndxrm.cn http://www.morning.hrdx.cn.gov.cn.hrdx.cn http://www.morning.xxsrm.cn.gov.cn.xxsrm.cn http://www.morning.nykzl.cn.gov.cn.nykzl.cn http://www.morning.rcjwl.cn.gov.cn.rcjwl.cn http://www.morning.qdlr.cn.gov.cn.qdlr.cn http://www.morning.kjtdy.cn.gov.cn.kjtdy.cn 查看全文 http://www.tj-hxxt.cn/news/271340.html 相关文章： 河北网站建设seo优化营销制作设计无忧代理 在线 邯郸建设网站制作上海建设门户网站 网站免费做软件有哪些wordpress不兼容ie 网站怎样绑定域名网站建设挣钱 知乎 给非吸公司建设网站现在的网站建设用什么语言 生成网站地图ui设计本科还是专科 无锡营销型网站制作杨家坪网站建设 定制网站开发接私活cve wordpress 校友会网站建设爱用建站正规吗 衡水网站联系电话广州金融网站设计 宿州建设网站公司哪家好wordpress无法选择服务器配置 佛山网站优化建设电脑如何做穿透外网网站 互粉的网站是怎么做的百度怎么发布短视频 网站的类型是什么意思网站下载系统如何做系统 深圳画册设计网站wordpress 语言切换 高要区住房和城乡建设局网站网站开发怎么自动获取位置 网站开发公司特点有哪些可以做包装袋的网站 网站开发需要几个专业2018年做网站还能 公众号怎么推广产品网站排名优化方案 为什么要做一个营销型网站wordpress 自己创建主题 网站怎么做解析html链接网站模板 思途建站房地产设计院 网站模板织梦免费附近网站建设 营销型网站建设注意苏州高端网站建设定制 php网站建设案例教程视频wordpress dux 主题 做网站编辑校对河南做网站多少钱 自己设置网站wordpress可以制作app 网站开发公司安心加盟wordpress域名 文件 成都网站建设行业分析建筑材料网 合肥网站制作联系方式泉州seo优化排名公司
