vue 安装base64
时间: 2023-10-29 08:53:12 浏览: 91
在Vue项目中安装base64可以按照以下步骤进行操作:
1. 打开终端或命令行界面,进入到你的Vue项目的根目录下。
2. 执行以下命令来安装base64插件:
```
npm i js-base64 --save
```
3. 在需要使用base64的组件中引入Base64,并根据你的喜好选择下面两种引入方式之一:
- 使用ES6模块导入:
```
import { Base64 } from 'js-base64';
```
- 使用CommonJS导入:
```
let Base64 = require('js-base64').Base64;
```
4. 现在你可以在组件中使用base64进行加解密操作了。例如,解密一个token可以使用以下代码:
```
let a = Base64.decode(route.query.token);
```
而加密一个密码可以使用以下代码:
```
let encodedPassword = Base64.encode(password);
```
需要注意的是,如果你在使用route.query.token获取到的token中含有加号,而解密后部分内容变成乱码,你可以考虑以下解决方法:
1. 如果链接是后端返回的,在后端处理时将加号编码变成+,再返回链接进行跳转即可。
2. 如果链接是前端写的,可以使用encodeURIComponent()进行编码,将加号变成+,再进行跳转即可。
这样就可以在Vue项目中安装并使用base64了。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
阅读全文
相关推荐
![zip](https://img-home.csdnimg.cn/images/20241231045053.png)
![pdf](https://img-home.csdnimg.cn/images/20241231044930.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)