Vue Js 身份验证,主页组件和登录组件保持相同 url

Vue Js Authentication with keeping same url for home component and login component

如何在浏览器中保持 URL 与 facebook 相同的方式实施身份验证?

如果用户通过身份验证,则显示主页,如果未通过身份验证,则显示登录页面。但在这两种情况下 URL 是相同的。

我怎样才能使用 Vue js 实现它。

如果未通过身份验证,我不想将主页 html 保留在客户端(对于这种情况可能需要服务器端呈现)。

我在项目中使用了asp.net core、identity server 4、typescript、webpack。

你可以这样写,

<div v-if="isAuthenticated">
   <!-- Main Page -->
<div>
<div v-else>
   <!-- Login Page -->
<div>

isAuthenticated 是一个检查用户是否通过身份验证的函数。

以下线程可能会有所帮助。它有不同的解决方案。

https://github.com/vuejs/vue-router/issues/76