首页 > 其他分享 >路由跳转登录权限判断/vue3

路由跳转登录权限判断/vue3

时间:2024-09-19 09:24:23浏览次数:9  
标签:权限 const vue3 ts router import 跳转 路由

1 main.ts 引入路由和权限校验

import router from "./router";
//路由守卫权限拦截 2-2
import "@/router/permisstion";

2router 文件夹,三个文件

1.1indexe.ts

import { createRouter, createWebHistory } from "vue-router";
import { constRouter } from "./routers";

const router = createRouter({
history: createWebHistory(import.meta.env.BASE_URL),
routes: constRouter,
scrollBehavior() {
return {
left: 0,
top: 0,
};
},
});

export default router;
1.2 promisstions.ts
//路由守卫权限拦截 2-1
import router from "@/router";
//获取 token
import useUserStore from "@/stores/user";
import { createPinia } from "pinia";
const userStore = useUserS

标签:权限,const,vue3,ts,router,import,跳转,路由
From: https://blog.csdn.net/jieweiwujie/article/details/142336868

相关文章

  • vue3自定义指令,全局注册
    1这是directive.js注册的的importtype{Directive,DirectiveBinding}from"vue";importuseUserStorefrom"@/stores/user";import{createPinia}from"pinia";constuserStore=useUserStore(createPinia());//buttonList:["......
  • 【VUE3.0】动手做一套像素风的前端UI组件库---Button
    目录引言做之前先仔细看看UI设计稿解读一下都有哪些元素:素材补充代码编写1.按钮四周边框2.默认状态下按钮颜色立体效果3.鼠标移入聚焦4.模拟鼠标点击效果组件封装1.按类型设置颜色2.设置按钮禁用状态3.处理一个bug4.看下整体组件效果5.完整代码总结引言......
  • 网关路由
    目录1.1.认识网关1.2.快速入门1.2.1.创建项目1.2.2.引入依赖1.2.3.启动类1.2.4.配置路由1.1.认识网关什么是网关?顾明思议,网关就是网络的关口。数据在网络间传输,从一个网络传输到另一网络时就需要经过网关来做数据的路由和转发以及数据安全的校验。更通俗的来讲,网关......
  • vue一级、二级路由设计
    一、一级路由设计一级路由是指直接映射到应用程序中顶级页面或组件的路由。这些路由通常定义在VueRouter的配置中,作为应用程序导航结构的基础。直接映射:一级路由直接映射到URL路径和Vue组件,没有嵌套关系。顶级导航:它们通常用于应用程序的顶级导航,如首页、关于页面、用户中心......
  • 前后端分离Vue3+SpringBoot零食批发商仓库管理系统
    目录功能和开发技术介绍具体实现截图开发核心技术介绍:技术创新点vue3和vue2的区别:核心代码部分展示系统开发流程系统运行步骤非功能需求分析操作可行性软件测试源码获取功能和开发技术介绍本系统操作无需详细的操作文档,只需要用户简单的进行操作就可以掌握操作流程,......
  • 前后端分离Vue3+SpringBoot房屋租赁系统(编号:49930163)
    目录功能和开发技术介绍具体实现截图开发核心技术介绍:技术创新点vue3和vue2的区别:核心代码部分展示非功能需求分析系统开发流程系统运行步骤软件测试源码获取功能和开发技术介绍本系统操作无需详细的操作文档,只需要用户简单的进行操作就可以掌握操作流程,购买古装操......
  • 前后端分离Vue3+SpringBoot县乡村生活垃圾治理问题中运输地图的设计与实现
    目录功能和开发技术介绍具体实现截图开发核心技术介绍:技术创新点vue3和vue2的区别:核心代码部分展示系统开发流程系统运行步骤非功能需求分析操作可行性软件测试源码获取功能和开发技术介绍技术范围:SpringBoot、Nodejs、Python、Vue、爬虫、数据可视化、小程序、安卓......
  • 前后端分离SSM+VUE3基于web的医院食堂订餐系统
    目录功能和开发技术介绍具体实现截图开发核心技术介绍:技术创新点vue3和vue2的区别:核心代码部分展示系统开发流程系统运行步骤非功能需求分析操作可行性软件测试源码获取功能和开发技术介绍技术范围:SpringBoot、Nodejs、Python、Vue、爬虫、数据可视化、小程序、安卓......
  • 尚硅谷禹神vue3笔记
    1.Vue3简介2020年9月18日,Vue.js发布版3.0版本,代号:OnePiece(n经历了:4800+次提交、40+个RFC、600+次PR、300+贡献者官方发版地址:Releasev3.0.0OnePiece·vuejs/core截止2023年10月,最新的公开版本为:3.3.41.1.【性能的提升】打包大小减少41%。初次渲染快55%,......
  • Python 命令跳转微软应用商店问题解决办法
    最常见的解决办法就是在环境变量中将Python安装路径上移至  %USERPROFILE%\AppData\Local\Microsoft\WindowsApps 路径前。但是有时候这个办法也无法起效,那么此时可以进入系统设置中,将应用执行别名中的python项关闭。其路径在:应用>高级应用设置>应用执行别名 ......