VUE 结合 router 实现全局拦截,验证用户是否登录,没有登录的话,跳到登录界面
<p>1、在 router.js 里面 添加 路由拦截内容:</p><div class="cnblogs_code">
<pre>router.beforeEach((to,from,next)=><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> </p><br><br>
来源:https://www.cnblogs.com/zyfenblog/p/13157286.html
頁:
[1]