Java前后端分离项目生成二维码链接带中文参数遇到的问题及解决办法

遇到的问题

最近项目做二维码分享链接过程中遇到了个小问题，使用Java后端生成二维码链接时，当拼接的参数中带有中文，使用手机浏览器扫码正常，但是用微信扫码，url中的中文被和谐掉了，导致页面显示有问题。

解决办法

解决方案首先想到的就是url编码以及转码，即后端将url进行编码，然后在前端进行解码。下面分享一种网上找到的博主的解决办法，留作备忘。

后端创建编码工具类 UriEncoder（核心方法如下）

public static String encodeURIComponent(String input){if (null == input || "".equals(input.trim())){return input;}int l = input.length();StringBuilder o = new StringBuilder(l * 3);try{for (int i = 0; i < l; i++ ){String e = input.substring(i, i + 1);if (ALLOWED_CHARS.indexOf(e) == -1){byte[] b = e.getBytes("utf-8");o.append(getHex(b));continue;}o.append(e);}return o.toString();}catch (UnsupportedEncodingException e){e.printStackTrace();}return input;}private static String getHex(byte buf[]){StringBuilder o = new StringBuilder(buf.length * 3);for (int i = 0; i < buf.length; i++ ){int n = (int)buf[i] & 0xff;o.append("%");if (n < 0x10){o.append("0");}o.append(Long.toString(n, 16).toUpperCase());}return o.toString();}

在项目拼url链接中使用（示例）

String act_name_encode = UriEncoder.encodeURIComponent(act_name);

前端解析链接（不需要解码）uniapp 解析示例

let routes = getCurrentPages(); // 获取当前打开过的页面路由数组//如果是H5，则需要curPage.$route.query（H5中的curPage.options为undefined)
let curParam = routes[routes.length - 1].options || routes[routes.length - 1].$route.query; //获取路由参数
//获取参数
let param = [];
for (let key in curParam) {param.push(curParam[key]);
}
let act_name = param[0];

Java前后端分离项目生成二维码链接带中文参数遇到的问题及解决办法相关推荐

Java网络商城项目 SpringBoot+SpringCloud+Vue 网络商城（SSM前后端分离项目）二十二（下单和微信支付）
Java网络商城项目 SpringBoot+SpringCloud+Vue 网络商城(SSM前后端分离项目)二十(下单) 0.学习目标会调用订单系统接口实现订单结算功能实现微信支付功能 1.订单 ...
驾校分期-众筹项目java前后端分离项目vue（微信小程序+java前后端源码下载）
可以idea直接打开,mysql数据库项目,前后端分离项目vue,分期可自动设置,自动换算金额驾校分期-众筹项目java前后端分离项目vue(微信小程序+java前后端源码下载)
Vue项目生成二维码
场景: [民主测评.闭卷测试] Vue项目生成二维码,使用手机浏览器扫码录入答题一,创建vue项目,样式布局,接口联调, npm run build 打包成dist 文件,让后台发送到服务器中,页面 ...
java 简单快速的生成二维码（带图片）
**使用java+zxing 简单快速的生成二维码.** 效果图: 首先需要引入两个jar文件: <dependency><groupId>commons-codec</ ...
（转）ZXing生成二维码和带logo的二维码，模仿微信生成二维码效果
场景:移动支付需要对二维码的生成与部署有所了解,掌握目前主流的二维码生成技术. 1 ZXing 生成二维码首先说下,QRCode是日本人开发的,ZXing是google开发,barcode4j也是老 ...
Py之qrcode：调用python的qrcode库两种方式生成二维码、带logo的二维码
Py之qrcode:调用python的qrcode库两种方式生成二维码.带logo的二维码目录 python编程实现生成二维码 1.第一种方式-纯文本 2.第二种方式-带logo
Qrcode生成二维码链接地址,网页授权获取微信用户信息
(1)一个简单的二维码地址生成使用easywechat扫描获取微信用户的信息: 首先生成二维码链接这里引用的QrCode生成的 QrCode::size(300)->generate($url] ...
生成二维码，支持中文
C# Code: /// <summary> /// 生成二维码,支持中文 /// </summary> /// <param name="data" ...
这几个SpringBoot前后端分离项目（附源码），改改就能换钱。。。
点击上方 "编程技术圈"关注, 星标或置顶一起成长后台回复"大礼包"有惊喜礼包! 每日英文 Happiness comes when we stop comp ...

Java前后端分离项目生成二维码链接带中文参数遇到的问题及解决办法

遇到的问题

解决办法

Java前后端分离项目生成二维码链接带中文参数遇到的问题及解决办法相关推荐

最新文章

热门文章