一个使用auth0和vue做的登陆demo

写在前面

本文主要介绍了一个demo，使用vue.js+vue-router+vuex+auth0+vuetify做的简单的登陆认证的网页。起因很简单，就是在medium看到了国外很多人都是用auth0来简化认证的过程，说实话国内很多框架的登陆插件已经十分好用了，我主要是想试一下这样做有多方便。

总体来说还是可以尝试一下的，因为auth0作为一个第三方的登陆插件，对一些诸如google,fb,github的集成还是相当方便的，这里我们主要从前端的角度出发来试一下使用auth0是如何简化你的登陆功能的。

目录

写在前面

技术栈介绍

业务逻辑-认证

业务逻辑-授权

---

技术栈介绍

使用的技术栈都是广为人知的：

vuetify是比较广为人知的UI库，可能没有element更适合中国人的审美，不过我个人更喜欢他的风格。 

auth0是一个第三方的登陆服务，内置了自己的数据库用来存放注册的登陆账号密码，同时可以很方便的与第三方登陆集成，并且有不错的管理显示，如下图所示：

使用vuex其实是可选的，个人觉得这样做会更加规范。

IDE使用 vscode，可能等用ts重写的第三版对vscode的支持会更好，就目前而言，个人感觉开发不如webstorm简单好用，但是！主题好看启动快，不多说。

业务逻辑-认证

其实比较简单，我们先撸出来几个页面：

这里我把about界面当成私有界面，对于登陆页面，虽然我们其实只需要一个