遇到的问题
最近项目做二维码分享链接过程中遇到了个小问题,使用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];