vue 全局路由守卫,系统未登录时自动跳转到登录页面
<p>main.js:</p><div class="cnblogs_code">
<pre>router.beforeEach((to, <span style="color: rgba(0, 0, 255, 1)">from</span>, next) =><span style="color: rgba(0, 0, 0, 1)"> {
</span><span style="color: rgba(0, 0, 255, 1)">const</span> loginPath = <span style="color: rgba(128, 0, 0, 1)">'</span><span style="color: rgba(128, 0, 0, 1)">/login</span><span style="color: rgba(128, 0, 0, 1)">'</span>
<span style="color: rgba(0, 0, 255, 1)">if</span> (to.path !== loginPath && !localStorage.getItem(<span style="color: rgba(128, 0, 0, 1)">'</span><span style="color: rgba(128, 0, 0, 1)">user</span><span style="color: rgba(128, 0, 0, 1)">'</span><span style="color: rgba(0, 0, 0, 1)">)) {
next(loginPath)
} </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/150536FBB/p/14703278.html
頁:
[1]