vue登陆如何获取token

Vue登陆获取token，听起来是不是有点高大上？

其实吧，这事儿没那么复杂。你只需要知道，token就像是你进入某个地方的通行证。比如你去健身房，前台小姐姐给你一张卡，这张卡就是你的token。有了它，你才能进去撸铁、跑步、甚至洗澡（咳咳，跑题了）。

那么，在Vue里怎么拿到这个“通行证”呢？

首先，你得有个登陆页面。用户输入用户名和密码后，点击“登陆”按钮。这时候，Vue会把这个信息打包成一个请求，发送到服务器。服务器收到后，会验证一下用户名和密码对不对。如果对了，服务器就会生成一个token，然后把这个token返回给Vue。

拿到token后该咋办？

别急着高兴！拿到token只是第一步。接下来，你需要把这个token存起来。最常见的方式是存在浏览器的localStorage里。这样，每次用户打开你的应用时，Vue都可以从localStorage里取出这个token，验证用户的身份。如果token有效，用户就可以继续使用应用；如果无效，那就得重新登陆了。

还有个小技巧

有时候，你可能想让用户的登陆状态保持更久一点。比如用户关闭浏览器后再次打开应用时，还能自动登陆。这时候你可以选择把token存在cookie里。cookie有一个过期时间设置功能，你可以设置一个较长的过期时间来实现这个功能。不过要注意的是cookie是存储在客户端的文件中所以安全性比localStorage差一些因此要谨慎使用哦！