今天，在进行Vue和Springboot的项目时，我想根据登录验证后的一些页面实现一些页面实现一些页面。因此，这是实现此功能的解决方案。
首先，我如何判断我是否登录。
由于我的Springboot背景中使用的Shiro+JWT安全框架，登录后它将回到前端到一个令牌，而前端将存储令牌，因此我去找一个令牌浏览器。如果浏览器在浏览器中有一个令牌，则意味着登录成功，您可以访问相关页面；如果没有令牌，则意味着如果没有登录，j将跳到登录页面。要简化操作，我封装了此验证过程。
注意：
使用此方法进行验证的前提是，您的前端和后端由Shiro和令牌验证，前端将存储服务器返回的令牌。
首先查看服务器返回的令牌是如何存储在首页上的。
首先，我在商店文件下的index.js文件中封装了一个set_token方法，以将令牌存储到浏览器中，以便我们每次都可以从localstorage.getItem（“ token”）获取我们。同时封装。当我们退出登录时，浏览器中的令牌信息为空。
商店文件下的索引中的代码如下：
由于我们不是只有在登录时才能访问的所有页面，因此我们需要为页面设置访问权限，我们需要登录以访问。在VUE中，我们通常在路由器下的index.js文件中设置访问路由。对于需要可用的请求路由，我们可以在其中添加元属性，并在其中设置一个布尔类型属性需求。我们将使用该属性来确定是否需要验证登录名。
例如，我们的博客页面只能在登录时访问。登录页面不需要注册，因此我们可以这样设置：
（已删除该代码，但保留了核心部分，但有些路线已删除。）
每次您请求博客页面时，都会对此进行判断。
现在，我们需要编写一种方法来验证我们刚刚设置的属性。因此，在SRC目录中创建一个新的clibermission.js文件，该文件已封装在其中。
这个想法是：
首先，我们拦截请求并在请求中获取请求参数。如果参数为true，请在浏览器中获取令牌以验证其当前是否正在登录。如果有令牌，请求请求；如果您没有获得令牌，则会跳到登录页面。
注意：
如果您基于其他验证登录，则可以//获取本地TokenconSttoken = ocalstorage.getItem（“ token”）进入您的验证方法，但是思考是相同的。
代码显示如下：
最后，不要忘记将页面介绍给mian.js。
主要操作是第三和第四步。只要您在请求路由中设置登录验证的参数，同时，第四步将写入登录拦截验证，并引入了Main.js文件！
到目前为止，通过前端验证登录截距。
作者：灰色小猿