悬壶山人 發表於 2022-6-8 14:36:00

vue之登录权限

<p>router.js</p>
<div class="cnblogs_code">
<pre><span style="color: rgba(0, 128, 0, 1)">//</span><span style="color: rgba(0, 128, 0, 1)"> 全局路由导航守卫</span>
router.beforeEach((to, from, next) =&gt;<span style="color: rgba(0, 0, 0, 1)"> {
const tokenStr </span>= localStorage.getItem('token'<span style="color: rgba(0, 0, 0, 1)">)

</span><span style="color: rgba(0, 0, 255, 1)">if</span> (to.path === '/main' &amp;&amp; !<span style="color: rgba(0, 0, 0, 1)">tokenStr) {
    </span><span style="color: rgba(0, 128, 0, 1)">//</span><span style="color: rgba(0, 128, 0, 1)"> 证明用户要访问后台主页</span>
    next('/login'<span style="color: rgba(0, 0, 0, 1)">)
} </span><span style="color: rgba(0, 0, 255, 1)">else</span><span style="color: rgba(0, 0, 0, 1)"> {
    </span><span style="color: rgba(0, 128, 0, 1)">//</span><span style="color: rgba(0, 128, 0, 1)"> 访问的不是后台主页</span>
<span style="color: rgba(0, 0, 0, 1)">    next()
}
})</span></pre>
</div>
<p>&nbsp;</p><br><br>
来源:https://www.cnblogs.com/dxboot/p/16355600.html
頁: [1]
查看完整版本: vue之登录权限