Vue中如何使用base64編碼和解碼
更新時間：2023年02月08日 09:29:30 作者：潘高
這篇文章主要介紹了Vue中如何使用base64編碼和解碼問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
Vue使用base64編碼和解碼
在項目根目錄下安裝
npm install --save js-base64
在項目文件中引入
let Base64 = require('js-base64').Base64在項目文件中使用
Base64.encode('潘高') ?// 5r2Y6auY
Base64.decode('5r2Y6auY') ?// 潘高Vue路由獲取query中base64解碼出錯
最近在使用vue-router，通過路由獲取url中傳遞的base編碼的數(shù)據，對數(shù)據進行解碼的時候發(fā)現(xiàn)數(shù)據錯亂。
找了許久才發(fā)現(xiàn)問題所在，其實就是vue-rouer在截取路由時，會把其中的 + 替換成空格，這樣導致我們在獲取base64編碼串時出錯 。
解決其實也很簡單，通過正則把空格替換成**+**即可，這樣就能完美的解決問題。
代碼如下：
base64Str= base64Str.replace(/\s/g, '+');
ok，解決！
總結
以上為個人經驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
vue+elementUI實現(xiàn)動態(tài)合并數(shù)據相同的單元格(可指定合并列)
這篇文章主要介紹了vue+elementUI如何實現(xiàn)動態(tài)合并數(shù)據相同的單元格,文中有詳細的代碼實例供大家參考,具有一定的參考價值,需要的朋友可以參考下2023-07-07
這篇文章主要介紹了Vuex的store中的Module用法及說明，具有很好的參考價值，希望對大家有所幫助。2023-01-01
在項目中會多次使用表格展示數(shù)據,不對這個table進行二次封裝成我們自己想要的,重復的代碼量的工作會比較大,下面這篇文章主要給大家介紹了關于elementUI?el-table二次封裝的相關資料,需要的朋友可以參考下2023-03-03
本文主要介紹了Vue3父子組件互調方法的實現(xiàn)，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2022-04-04
這篇文章主要給大家介紹了vue中proto文件函數(shù)調用的相關資料,文中通過示例代碼介紹的非常詳細,對大家學習或者使用vue具有一定的參考學習價值,需要的朋友可以參考下2021-08-08
這篇文章主要介紹了vue車牌號校驗和銀行校驗實戰(zhàn)，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2019-01-01
vuex中遇到的坑,vuex數(shù)據改變,組件中頁面不渲染操作
這篇文章主要介紹了vuex中遇到的坑,vuex數(shù)據改變,組件中頁面不渲染操作，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-11-11
這篇文章主要為大家詳細介紹了vue.js實現(xiàn)只能輸入數(shù)字的輸入框，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-10-10
解決VUE-npm ERR! C:\rj\node-v14.4.0-win-x64\nod問題
這篇文章主要介紹了解決VUE-npm ERR! C:\rj\node-v14.4.0-win-x64\nod問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-04-04
Vue3 defineExpose要在方法聲明定義以后使用的教程
這篇文章主要介紹了Vue3 defineExpose要在方法聲明定義以后使用的教程,本文結合實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2023-02-02