山水倦客 發表於 2020-6-18 14:11:00

VUE 结合 router 实现全局拦截,验证用户是否登录,没有登录的话,跳到登录界面

<p>1、在 router.js 里面 添加 路由拦截内容:</p>
<div class="cnblogs_code">
<pre>router.beforeEach((to,from,next)=&gt;<span style="color: rgba(0, 0, 0, 1)">{
</span><span style="color: rgba(0, 0, 255, 1)">if</span>(to.path ==='/login'<span style="color: rgba(0, 0, 0, 1)">){
    next();
}</span><span style="color: rgba(0, 0, 255, 1)">else</span><span style="color: rgba(0, 0, 0, 1)"> {
    let token </span>= localStorage.getItem('userInfo'<span style="color: rgba(0, 0, 0, 1)">);
    </span><span style="color: rgba(0, 0, 255, 1)">if</span>(token === <span style="color: rgba(0, 0, 255, 1)">null</span> || token === ''<span style="color: rgba(0, 0, 0, 1)">){
      next(</span>'/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)"> {
      next();
    }
}
});</span></pre>
</div>
<p>&nbsp;</p><br><br>
来源:https://www.cnblogs.com/zyfenblog/p/13157286.html
頁: [1]
查看完整版本: VUE 结合 router 实现全局拦截,验证用户是否登录,没有登录的话,跳到登录界面