vue导航守卫
<p>main.js</p><div class="cnblogs_code">
<pre>router.beforeEach((to, from, next) =><span style="color: rgba(0, 0, 0, 1)"> {
let token </span>= sessionStorage.getItem('token'<span style="color: rgba(0, 0, 0, 1)">)
</span><span style="color: rgba(0, 0, 255, 1)">if</span><span style="color: rgba(0, 0, 0, 1)"> (to.meta.require) {
</span><span style="color: rgba(0, 0, 255, 1)">if</span><span style="color: rgba(0, 0, 0, 1)"> (token) {
</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><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)"> }
} </span><span style="color: rgba(0, 0, 255, 1)">else</span><span style="color: rgba(0, 0, 0, 1)"> {
next()
}
})</span></pre>
</div>
<p>router.js</p>
<div class="cnblogs_code">
<pre><span style="color: rgba(0, 0, 0, 1)">{
path: </span>'/demo'<span style="color: rgba(0, 0, 0, 1)">,
name: </span>'demo'<span style="color: rgba(0, 0, 0, 1)">
component: () </span>=> import('@/demo'<span style="color: rgba(0, 0, 0, 1)">),
meta: {
require: </span><span style="color: rgba(0, 0, 255, 1)">true</span><span style="color: rgba(0, 0, 0, 1)">
}
}</span></pre>
</div>
<p> </p><br><br>
来源：https://www.cnblogs.com/syc5/p/16150292.html
頁:
[1]