vue 之 路由元信息（登录访问）

main.js :

// main.js
router.beforeEach((to, from, next) => {
//to and from are Route Object,next() must be called to resolve the hook

// some:一真为真  every 一假为假
const needLogin = to.matched.some(route => route.meta && route.meta.login);
// console.log(needLogin);
if (needLogin) {
const isLogin = document.cookie.includes('login-true');
if (isLogin) {
next();
return;
}
const toLoginFlag = window.confirm('该页面需要登录后才能访问，去登录吗？');
if (toLoginFlag) {
next('/login');
}
return;
}
next();
})

登录页：

<!-- 登录页 -->
<template>
<div class="login">
<button @click="handleClick">登录</button>
</div>
</template>
<script>
export default {
methods: {
handleClick() {
const expires = 900 * 24 * 60 * 60 * 1000;
const date = new Date(+new Date() + expires);
//写cookie
document.cookie = `login=true;expires=${date.toUTCString(expires)}`
}
},
}
</script>