记住密码-vue-cookie

# Base64 加密
npm install --save js-base64
# 引入
const Base64 = require('js-base64').Base64
import { Base64 } from 'js-base64';
import { encode, decode } from 'js-base64';//加 - 解

# jsencrypt加密       
npm install --save jsencrypt@3.0.0-rc.1
import { encrypt, decrypt } from '@/utils/jsencrypt'

# jsencrypt.js
import JSEncrypt from 'jsencrypt/bin/jsencrypt.min'
// 密钥对生成 http://web.chacuo.net/netrsakeypair

const publicKey = 'MFwwDQYJKoZIhvcNAQEBBQADSwAwSAJBAKoR8mX0rGKLqzcWmOzbfj64K8ZIgOdH\n' +
  'nzkXSOVOZbFu/TJhZ7rFAN+eaGkl3C4buccQd/EjEsj9ir7ijT7h96MCAwEAAQ=='

const privateKey = 'MIIBVAIBADANBgkqhkiG9w0BAQEFAASCAT4wggE6AgEAAkEAqhHyZfSsYourNxaY\n' +
  '7Nt+PrgrxkiA50efORdI5U5lsW79MmFnusUA355oaSXcLhu5xxB38SMSyP2KvuKN\n' +
  'PuH3owIDAQABAkAfoiLyL+Z4lf4Myxk6xUDgLaWGximj20CUf+5BKKnlrK+Ed8gA\n' +
  'kM0HqoTt2UZwA5E2MzS4EI2gjfQhz5X28uqxAiEA3wNFxfrCZlSZHb0gn2zDpWow\n' +
  'cSxQAgiCstxGUoOqlW8CIQDDOerGKH5OmCJ4Z21v+F25WaHYPxCFMvwxpcw99Ecv\n' +
  'DQIgIdhDTIqD2jfYjPTY8Jj3EDGPbH2HHuffvflECt3Ek60CIQCFRlCkHpi7hthh\n' +
  'YhovyloRYsM+IS9h/0BzlEAuO0ktMQIgSPT3aFAgJYwKpqRYKlLDVcflZFCKY7u3\n' +
  'UP8iWi1Qw0Y='

// 加密
export function encrypt(txt) {
  const encryptor = new JSEncrypt()
  encryptor.setPublicKey(publicKey) // 设置公钥
  return encryptor.encrypt(txt) // 对数据进行加密
}

// 解密
export function decrypt(txt) {
  const encryptor = new JSEncrypt()
  encryptor.setPrivateKey(privateKey) // 设置私钥
  return encryptor.decrypt(txt) // 对数据进行解密
}


npm install --save js-cookie@3.0.1
import Cookies from "js-cookie";

const getCookie =  () => {
      const username = Cookies.get("username");
      const password = Cookies.get("password");
      const rememberMe = Cookies.get('rememberMe');
      this.loginForm = {
        username: username === undefined ? this.loginForm.username : username,
        password: password === undefined ? this.loginForm.password : decrypt(password),
        rememberMe: rememberMe === undefined ? false : Boolean(rememberMe)
      };
    }

    const setCookie = () =>{
      if (this.loginForm.rememberMe) {
        Cookies.set("username", this.loginForm.username, { expires: 30 });
        Cookies.set("password", encrypt(this.loginForm.password), { expires: 30 });
        Cookies.set('rememberMe', this.loginForm.rememberMe, { expires: 30 });
      } else {
        Cookies.remove("username");
        Cookies.remove("password");
        Cookies.remove('rememberMe');
      }
    }

# cookie 写法

   nextlogin(){
      let _this = this
      if (_this.rememberNb === true) { 
        // 选中记住密码，将用户名密码存入cookie
        _this.setCookie(_this.userPhone,Base64.encode(_this.userPassword), 7)
        // console.log('加密',Base64.encode(_this.userPassword),_this.userPassword)
      } else {
        _this.clearCookie() // 清除cookie
      }
    },
    // 设置cookie
    setCookie (cname, cpwd, exdays) {
      var d = new Date()
      d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000))
      var expires = 'expires=' + d.toGMTString()
      document.cookie = 'userPhone' + '=' + cname + ';' + expires
      document.cookie = 'userPassword' + '=' + cpwd + ';' + expires
    },
    // 获取cookie
    getCookie() {
      if (document.cookie.length > 0) {
        var arr = document.cookie.split(';') // 这里显示的格式需要切割一下自己可输出看下
        // console.log('获取',arr)
        for (var i = 0; i < arr.length; i++) {
          var arr2 = arr[i].split('=') // 再次切割
          // 判断查找相对应的值 将cookie中的值填入页面
          // debugger
          if (arr2[0].trim() === 'userPhone') {
            this.userPhone = arr2[1]
          } else if (arr2[0].trim() === 'userPassword') {
            this.userPassword = Base64.decode(arr2[1])
            // console.log('解密',Base64.decode(arr2[1]),arr2[1])
          }
        }
      }
    },
    // 清除cookie
    clearCookie () {
      this.setCookie(this.userPhone,'', 7)
    }