如何实现Vue注册模块与登录状态的持久化存储方法详解？

本文共计1636个文字，预计阅读时间需要7分钟。

目录 + 整体框架

1.前端页面授权

2.实现注册页面

3.实现登录状态持久化 + 优化前端 + 整体框架

1.前端页面授权

当我登录网站时，若无登录，强制用户重定向到登录界面。

目录

• 整体框架
• 1. 前端页面授权
• 2. 实现注册页面
• 3. 实现登录状态的持久化
• 优化前端

整体框架

1. 前端页面授权

当我们登录网站的时候，如果没有登录，强制让用户重定向到 登录界面

在 router 目录下的 index.js 文件下实现。 router -> index.js

import store from '../store/index' // 把一些额外信息放到一个额外的域里面，meta信息里面存一下是否要授权，如果需要授权而且没有登录，重定向到登录页面，重定向到登录界面。