关于Vue路由获取query中base64解码出错的问题

最新推荐文章于 2024-05-05 16:41:12 发布
最新推荐文章于 2024-05-05 16:41:12 发布
阅读量1.2k 收藏 3
点赞数
文章标签： vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_37138425/article/details/127588739
版权

关于Vue路由获取query中base64解码出错的问题

最近在使用vue-router，通过路由获取url中传递的base编码的数据，对数据进行解码的时候发现数据错乱。

找了许久才发现问题所在，其实就是vue-rouer在截取路由时，会把其中的 + 替换成空格，这样导致我们在获取base64编码串时出错 。解决其实也很简单，通过正则把空格替换成**+**即可，这样就能完美的解决问题。代码如下：

base64Str= base64Str.replace(/\s/g, '+');

以上！

西装暴徒_12138
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
Base64编码解码、无乱码。本人亲自测试使用。.
11-07
本人亲自测试了这个软件，在转换的时候注意选择编码方式，否则也容易导致乱码的出现。QmFzZTY05piv572R57uc5LiK5pyA5bi46KeB55qE55So5LqO5Lyg6L6TOEJpdOWtl+iKguS7o+eggeeahOe8lueggeaWueW8j+S5i+S4gO+8jOWkp+WutuWPr+S7peafpeeci1JGQzIwNDXvvZ5SRkMyMDQ577yM5LiK6Z2i5pyJTUlNReeahOivpue7huinhOiMg+OAgkJhc2U2NOe8lueggeWPr+eUqOS6juWcqEhUVFDnjq/looPkuIvkvKDpgJLovoPplb/nmoTmoIfor4bkv6Hmga/jgII= 对应译文： Base64是网络上最常见的用于传输8Bit字节代码的编码方式之一，大家可以查看RFC2045～RFC2049，上面有MIME的详细规范。Base64编码可用于在HTTP环境下传递较长的标识信息。
在vue中使用Base64转码的案例
10-14
在Vue.js开发中，有时我们需要对数据进行Base64编码或解码，这通常涉及到数据传输、加密或者处理特定格式的资源。Base64是一种用64个字符（A-Z, a-z, 0-9, + 和 /）来表示二进制数据的编码方式，用于在网络上传输二...
vue项目base64加解密使用方法及解密乱码问题
mewmew1的博客
02-15 5531
vue项目base64加密解密使用及解密乱码问题
正确解决Uncaught ReferenceError : Vue is not defined异常的有效解决方法
最新发布
wbajsjhhhhh的博客
05-05 6037
正确解决Uncaught ReferenceError : Vue is not defined异常的有效解决方法
BASE64Encoded() 方法报错说方法未定义
weixin_33979745的博客
09-06 8876
代码： String enParams = new BASE64Encoder().encode(strParams.getBytes()); 出错，显示方法未定义 解决方法：项目右键——>properties——>JRE System Library ——>Edit——>添加 Accessible ，值为 **——>ok——>ok 即可。 ...
Vue 中使用 base64 编码和解码
Mark
04-09 1495
1、在项目根目录下安装 npm install --save js-base64 2、在项目文件中引入 let Base64 = require('js-base64').Base64 3、在项目文件中使用 Base64.encode('潘高') // 5r2Y6auY Base64.decode('5r2Y6auY') // 潘高 版权声明：本文为CSDN博主「潘高」的原...
vue cli BASE_URL is not defined 报错
一炜的博客
10-27 2317
vue cli BASE_URL is not defined 报错 解决方法 - 1. public 文件夹中的 html 文件 Link标签 href 属性（有特殊字符不能解构）报错 删除就可以了 - 2. 在 webpack.config.js中 安装插件并使用 const Html = require("html-webpack-plugin"); configureWebpack: config => { config.plugins
Vue实现base64编码图片间的切换功能
12-13
昨天在项目开发中遇到了一个需要展示多张图片到一个容器中的需求，每张图片在鼠标移入时都要更换图片路径，展示一个新的图片，由于每张图片大小都在2~6kb之间，webpack中配置了图片在10kb以内自动转换base64，所有就...
vue不通过路由直接获取url中参数的方法示例
12-09
然而，有时为了灵活性，可能需要不通过路由系统直接从URL中获取参数。当URL是以问号（?）开始，后面跟着键值对的形式（如`?mid=100`）时，Vue本身并不直接提供获取这些参数的方法。在这种情况下，我们需要借助...
详解vue嵌套路由-query传递参数
08-30
在 Vue 中，我们可以使用 `$route.query` 对象来访问当前路由的 query 参数。例如，在子路由中，我们可以使用 `this.$route.query.num` 来访问传递过来的参数 num。 在上面的代码示例中，我们可以看到， 在 home....
vue.js图片转Base64上传图片并预览的实现方法
12-11
本篇文章将详细介绍如何在Vue.js中实现图片转Base64上传并预览。 首先，让我们理解为什么需要将图片转换为Base64。传统的图片上传方式是通过Ajax调用后端接口，以HTTP POST方式提交图片文件，后端服务器处理文件并...
vue项目base64字符串转图片的实现代码
10-18
在Vue项目中，将Base64字符串转换为图片是一种常见的需求，这通常涉及到前端与后端的数据交互。本文将详细讲解如何实现这一功能，并提供相关的Vue代码示例以及后端处理Base64字符串的方法。 首先，让我们从Vue组件...
Vue项目pdf(base64)转图片遇到的问题及解决方法
10-17
主要介绍了Vue项目pdf(base64)转图片遇到的问题及解决方法,需要的朋友可以参考下
解决vue-router中的query动态传参问题
08-27
解决vue-router中的query动态传参问题 在Vue Router中，query参数的动态传递是一个常见的问题。该问题的解决方案可以分为两步：首先，在模板中使用v-bind指令将id绑定到li元素上，然后在router-link中使用该id作为...
关于vue路由缓存清除在main.js中的设置
12-13
1.main.js /* 页面数据缓存 */ var _CACHE_OBJS = {}; function _init_cache(comp, key, cache) { var obj = cache[key]; if (obj !== undefined) { comp[key] = obj;... var deep = typeof comp[key] === 'object'...
在vue项目如何使用base64加密.docx
06-14
在vue项目如何使用base64加密.docx
Vue post发送base64后台接收编码问题
Marblog
05-19 1231
前端用post请求发送一串base64编码，后台接收不管是解析图片还是保存至文件，总是有问题，经过多次测试发现，前端发送的时候，解析出来的编码，所有的**+**加号都变成了空格，所以，怎么都无法处理， 解决办法，在前端发送的时候处理一下字符串 base64Code=encodeURI(“你的字符串”).replace(/\+/g, '%2B') 这样直接发送base64Code就可以正常解析了！ ...
vue中使用Base64编码和解码
ywyngq的博客
11-11 1860
1、运行如下命令 npm install --save js-base64 2、在项目文件中引入 let Base64 = require(‘js-base64’).Base64 3、在项目文件中使用 编码： Base64.encode(‘delivery_asn=1’) //ZGVsaXZlcnlfYXNuPTE= 解码： Base64.decode(‘ZGVsaXZlcnlfYXNuPTE=’) // delivery_asn=1 ...
vue 图片base64解码
11-04
要在Vue中解码图片的Base64编码，可以使用以下步骤： 1. 首先，将Base64编码的图片数据存储在Vue组件的data属性中。 2. 然后，在Vue组件的template中，使用img标签来显示图片，并将src属性设置为data URL格式的...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值