Advertisement

Vue3记住我功能密码加密存储

阅读量:

一、介绍

1. 密码加密

为增强数据安全性,在密码存储之前应当实施加密操作。
本研究采用base64这一途径完成信息的加密过程。

2. 本地储存

本地存储技术主要包含三种实现方式,分别为SessionStorage、LocalStorage以及Cookies,其具体特性在此不做详细阐述。本研究决定采用LocalStorage作为存储方案。

注:本文档是基于Vue3与Vite框架模板进行编写的
组件中的script部分应用了setup语法糖的编写方式。

二、功能页面设计与实现

复制代码
    <div class="logreg-box">
      <div class="form-box login">
        <form action="#">
          <h2>登 录</h2>
    
          <div class="input-box">
            <input
              type="email"
              placeholder="请输入邮箱"
              v-model="loginform.email"
            />
          </div>
    
          <d

全部评论 (0)

还没有任何评论哟~