vue base64加解密

在Vue项目中使用base64加解密，可以通过引入js-base64插件来实现。有几种引入方式可以选择：
1. 在处理登录请求的页面中引入：
- 使用`import {Base64} from 'js-base64'`或`let Base64=require('js-base64').Base64`来引入Base64对象。
- 使用`Base64.encode(password)`来进行加密，使用`Base64.decode(password)`来进行解密。

2. 在main.js中引入：
- 使用`import {Base64} from 'js-base64'`或`import Base64 from 'js-base64'`来引入Base64对象。
- 使用`Vue.prototype.$Base64 = Base64`或`Vue.use(Base64)`来将Base64对象挂载到Vue实例上。
- 然后在页面中可以通过`this.$Base64.encode(password)`进行加密，通过`this.$Base64.decode(password)`进行解密。

如果在解密过程中遇到乱码问题，有两种解决方法：
1. 如果链接是后端返回的，后端处理时将加号编码变成+，再返回链接进行跳转。
2. 如果链接是前端自己写的，可以使用`encodeURIComponent()`进行编码，将加号变成+，再进行跳转。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* [vue项目使用Base64加密解密](https://blog.csdn.net/qq_37916164/article/details/126473044)[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_2"}}] [.reference_item style="max-width: 50%"]
- *3* [vue项目base64加解密使用方法及解密乱码问题](https://blog.csdn.net/mewmew1/article/details/129045996)[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_2"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]