Vue.js 使用vuetify登录页面

我想创建一个SPA（就像一个以中心为中心的布局，当我的用户从vuetify页面登录google联系人布局时），但我对如何创建登录页面有疑问。最好的办法。我的疑问是，创建一个路由器，并在登录和主页之间进行更改，在我的主页中，另一个路由器在布局（google contacts）内进行更改，或者登录页面是一个组件，只有在我的用户登录后，我才创建o组件（google contatcs）并在路由器内进行更改

---

tks

您可以这样做：

新路由器({
模式：'哈希'，//https://router.vuejs.org/api/#mode
路线：[
{
路径：“/”，
姓名：'家'，
成分：MyComponent，
beforeEnter:（到、从、下一个）=>{
如果（！isAuthenticated（））{
返回next（{name:'login'}）；
}
返回next（）；
},
},
{
路径：'/login'，
名称：'登录'，
组件：LoginComponent
}
]
});

然后，您只需以某种方式实现

isAuthenticated（）

。确保

LoginComponent

具有设置令牌或cookie的功能，以便保存某种登录状态

看看