使用 vue 构建的应用如何写登录页

Arif
  • 139

我们都知道 vue 是构建 spa 单页面应用的,但是正常的应用都有一个登录页面,这样的话,如何用 vue 实现呢?

例如:
TalkingData 官网
TalkingData登录页

在 TalkingData 官网点登录按钮时,跳到了登录页,难道这个网站不是单页面应用吗?

我主要是想使用 vue 来做。

回复
阅读 3k
4 个回答
✓ 已被采纳

所谓单页,应该是第一次请求会把这个“单页”的框架整个下回来,然后根椐路由“展示”和“获取”所需要部分的内容。

(就像是一个页面,有多个div,由router来控制哪个div显示或隐藏)

所以,如果是纯的单页应用,“登录页"只是这个单页的一个“部分”,一般会在router中拦载判断登录状态,未登录就展示“登录部分”

当然,你也不一定完全单页,比如登录可以独立来做,比如原来已有认证系统,可能直接用跳转的方式来处理更方便,登录成功再跳回应用。

单页面应用和你做登陆页面没有任何冲突!

然后你所说的
TalkingData 官网是单页面 它切换的是路由 你仔细看url的变化

实现! iview视图写一个登陆页面 配置到路由里面 然后切换路由 点击切换到登陆的路由上 很简单的

单页应用前端来做路由就好了,vue-router

你知道吗?

宣传栏