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

Posted 2022-08-16 Freeguy88

遇到的问题

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