vue前端base64加密

在Vue前端中使用Base64进行加密操作可以通过引入js-base64库来实现。首先，在需要的地方引入js-base64库，可以使用以下代码：

let Base64 = require('js-base64').Base64;

然后可以使用Base64.encode()方法对需要加密的字符串进行加密操作，例如：

let str = "哈哈哈";
console.log(Base64.encode(str)); // 输出加密后的字符串

如果多个页面都需要使用Base64库，可以在main.js中引入并挂载到全局中使用，如下所示：

import * as Base64 from 'js-base64';
Vue.prototype.$Base64 = Base64;

这样，在Vue组件中就可以通过`this.$Base64`访问到Base64库，使用`this.$Base64.encode()`方法进行加密操作，例如：

let xxx = "哈哈哈";
console.log("原密码为：" + xxx);
console.log("加密后为：" + this.$Base64.encode(xxx)); // 加密
console.log("解密后为：" + this.$Base64.decode(this.$Base64.encode(xxx))); // 解密

另外，如果想使用ES6的import语法引入js-base64库并在Vue中使用，可以按照以下方式修改main.js文件：

import { Base64 } from 'js-base64';
Vue.use(Base64);

这样就可以在Vue组件中直接使用`Base64.encode()`方法进行加密操作了。 <span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [vue前端通过Base64加密解密](https://blog.csdn.net/m0_52539553/article/details/117922204)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"]
- *2* [Vue 项目使用 Base64加密](https://blog.csdn.net/EsquireY/article/details/131287931)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"]
- *3* [前端 RSA分段加密算法](https://download.csdn.net/download/liuyuxuan2388/85059996)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"]
[ .reference_list ]