微信分享链接,地址栏有中文影响卡片效果的解决方法

202 阅读1分钟

我们要实现网页在微信分享卡片效果,但是当地址栏有中文时总是不成功,变成普通的分享网址。

百度之后大部分是说encode两次,测试没有效果。(不过现在想可能是当时我们测试环境被偷偷修改了,在此按下不表大家可以自己试试)

最后使用的一个简单的转base64方法,成功。

/**
     * base64编码,支持中文
     * @param value
     */
    base64Encode(value) {
        let result;
        result = encodeURIComponent(value);
        result = unescape(result);
        result = window.btoa(result);
        return result;
    },

    /**
     * base64解码,支持中文
     * @param value
     */
    base64Decode(value) {
        let result;
        result = window.atob(value);
        result = escape(result);
        result = decodeURIComponent(result);
        return result;
    },