【前端】登陸頁面:記住密碼、設置cookie、加密

將保存在cookie中的密碼自動填入表單:庫js-cookie

// login.vue
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)};},

記住密碼,這里期限是30天:

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 });

這里有加密和解密的操作。在線生成RSA的公鑰和私鑰,使用JSEncrypt庫進行加密和解密:

// 加密
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) // 對數據進行解密
}

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/719455.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/719455.shtml
英文地址,請注明出處:http://en.pswp.cn/news/719455.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

Material UI 5 學習01-按鈕組件

Material UI 5 學習01-按鈕組件 一、安裝Material UI二、 組件1、Button組件1、基礎按鈕2、variant屬性3、禁用按鈕4、可跳轉的按鈕5、disableElevation屬性6、按鈕的點擊事件onClick 2、Button按鈕的顏色和尺寸1、Button按鈕的顏色2、按鈕自定義顏色3、Button按鈕的尺寸 3、圖…

MacOS包管理工具homebrew使用教程

MacOS包管理工具homebrew使用教程 1.概述與安裝2.基本使用3.其他常用命令 1.概述與安裝 homebrew是Mac OS X上的強大的包管理工具,可以高效管理各種軟件包 安裝: 1、安裝xcode: xcode-select --install2、一行命令下載: /bin…

DreamTalk:單張圖像即可生成逼真人物說話頭像動畫,助力AI數字人落地

“DreamTalk: When Expressive Talking Head Generation Meets Diffusion Probabilistic Models” DreamTalk是一個基于擴散的音頻驅動的富有表現力的說話頭生成框架,可以生成不同說話風格的高質量的說話頭視頻。DreamTalk對各種輸入表現出強大的性能,包…

Thingsboard本地源碼部署教程

本章將介紹ThingsBoard的本地環境搭建,以及源碼的編譯安裝。本機環境:jdk11、maven 3.6.2、node v12.18.2、idea 2023.1、redis 6.2 環境安裝 開發環境要求: Jdk 11 版本 ;Postgresql 9 以上;Maven 3.6 以上&#xf…

vue實現循環滾動列表

本文章使用 vue-seamless-scroll 為大家分享了vue實現循環滾動列表的具體代碼,供大家參考,具體內容如下: vue實現循環滾動列表 1.安裝插件 vue-seamless-scroll vue-seamless-scroll 實例文檔 npm install vue-seamless-scroll --save 2.HTM…

代碼隨想錄算法訓練營Day50 | 123.買賣股票的最佳時機 III、188.買賣股票的最佳時機 IV

123.買賣股票的最佳時機 III 思路與 121.買賣股票I 一脈相承,一次買賣有2種狀態(持有/不持有),那么兩次買賣就有4種狀態(第一次持有/不持有、第二次持有/不持有) 1、DP數組定義: dp[i][j]為當前…

【Java】Base理論的核心思想和理論三要素

目錄 簡介 BASE 理論的核心思想 BASE 理論三要素 1. 基本可用 2. 軟狀態 3. 最終一致性 總結 簡介 BASE 是 Basically Available(基本可用) 、Soft-state(軟狀態) 和 Eventually Consistent(最終一致性&#xf…

深度強化學習系列【2】- 貝爾曼方程和馬爾可夫決策過程

引言: 一直想做點強化學習相關的內容,但是對于其原理一直不是太明了,相比于編程實現,懂得算法部分的機理與理論也是至關重要的。網上找的一些資料都在強調貝爾曼方程和馬爾可夫決策過程在強化學習中的作用,但是介紹都不夠充分。 另外,在知乎【1】上看到一個說法,說 強化學…

財報解讀:基本盤穩定后,聯想如何進一步搶占AI時代?

從2021年下半年開始,受諸多因素影響,消費電子行業始終處在承壓狀態,“不景氣”這一關鍵詞屢次被市場提及。 但寒氣沒有持續,可以看到,消費電子行業正在逐漸回暖。國金證券在今年1月的研報中就指出,從多方面…

【簡單模擬】第十一屆藍橋杯省賽第二場C++ B組 / C組《成績統計》(c++)

1.題目說明 小藍給學生們組織了一場考試,卷面總分為100 分,每個學生的得分都是一個 0 到 100 的整數。 如果得分至少是 60 分,則稱為及格。 如果得分至少為 85 分,則稱為優秀。 請計算及格率和優秀率,用百分數表示…

#WEB前端(CCS常用屬性,補充span、div)

1.實驗: 復合元素、行內元素、塊內元素、行內塊元素 2.IDE:VSCODE 3.記錄: span為行內元素:不可設置寬高,實際占用控件決定分布空間。 div為塊內元素:占滿整行,可以設置寬高 img為行內塊元…

Unity(第二十三部)導航

你可以使用 unity官方提供的 unity導航組件或第三方 unity導航組件,以實現游戲中角色或其他物體的導航。 unity導航組件通常具有多種導航模式,如飛行模式、步行模式、車輛模式等,可以根據不同的需求選擇合適的模式。同時,unity導…

2023年全國職業院校技能大賽中職組大數據應用與服務賽項題庫參考答案陸續更新中,敬請期待…

2023年全國職業院校技能大賽中職組大數據應用與服務賽項題庫參考答案陸續更新中,敬請期待… 武漢唯眾智創科技有限公司 2024 年 2 月 聯系人:辜渝儐13037102709 題號:試題01 模塊二:數據獲取與處理 (一)…

Ainx的全局配置

📕作者簡介: 過去日記,致力于Java、GoLang,Rust等多種編程語言,熱愛技術,喜歡游戲的博主。 📗本文收錄于Ainx系列,大家有興趣的可以看一看 📘相關專欄Rust初階教程、go語言基礎系列…

js中的閉包

理解 函數內部可以訪問其外函數中的作用域 作用 創建私有變量延長變量的聲明周期一般函數中的變量在函數返回之后就會被銷毀,但是閉包會保存使用的變量,即便是上下文被摧毀了,使用的變量依舊存在 閉包的用途 柯里化函數的目的就是在避免重復的調用變量案例 求一個長方形的…

ROS2 Python環境變量PYTHONPATH設置

文章目錄 引題解決方法方法一 將三方庫與pkg放在一起方法二 將三方庫放入pythonpath目錄 引題 ROS2在執行ros2 pkg create --build-type ament_python **創建python包時,有時候會涉及外部庫的導入,這里講解一下如何配置PYTHONPATH變量讓程序順利找到外部…

【S32DS報錯】-7-程序進入HardFault_Handler,無法正常運行

【S32K3_MCAL從入門到精通】合集: S32K3_MCAL從入門到精通https://blog.csdn.net/qfmzhu/category_12519033.html 問題背景: 在S32DS IDE中使用PEmicro(Multilink ACP,Multilink Universal,Multilink FX&#xff09…

【網站項目】182在線作業管理系統

🙊作者簡介:擁有多年開發工作經驗,分享技術代碼幫助學生學習,獨立完成自己的項目或者畢業設計。 代碼可以私聊博主獲取。🌹贈送計算機畢業設計600個選題excel文件,幫助大學選題。贈送開題報告模板&#xff…

程序員職業迷宮:選擇你的道路,開啟技術之旅

在這個數字化飛速發展的時代,程序員已經成為了一個備受矚目的職業。他們就像是現代社會中的魔法師,用代碼搭建起一個又一個令人驚嘆的數字世界。然而,對于許多初入行的程序員來說,面對前端的花園、后端的洞穴、數據科學的密室&…

【Python】進階學習:pandas--describe()函數的使用介紹

🐍【Python】進階學習:pandas——describe()函數的使用介紹 🌈 個人主頁:高斯小哥 🔥 高質量專欄:Matplotlib之旅:零基礎精通數據可視化、Python基礎【高質量合集】、PyTorch零基礎入門教程&am…