uniapp使用拦截器实现路由拦截

背景

在APP中，跳转页面需要判断是否有权限跳转，比如是否登录。开发环境是TMUI+VUE3+TS，这难免有一些限制，在网上搜索后，发现简书网站有个博主写的链接正合我意，不过他的是JavaScript+uniapp原生开发，根据我的需求，自己稍微改了些。

0x01 复制代码

简书博客链接：https://www.jianshu.com/p/bae4cf971343

0x02在APP.VUE中增加代码

<script lang="ts" setup>
import { onLaunch } from "@dcloudio/uni-app";
import router from "./router/route";

//uniapp的生命周期函数
onLaunch(() => {
  router()
});
</script>

0x03 效果

0x04 发现配合原生插件漂亮多了