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