微信公众号jssdk：the permission value is offline verifying

微信公众号jssdk报错：the permission value is offline verifying，尤其关闭菜单，某些页面打开页面菜单功能，其他页面还要重新关闭。

先看看官方解释：

the permission value is offline verifying这个错误是因为config没有正确执行，或者是调用的JSAPI没有传入config的jsApiList参数中。建议按如下顺序检查：

1.确认config正确通过。

2.如果是在页面加载好时就调用了JSAPI，则必须写在wx.ready的回调中。

3.确认config的jsApiList参数包含了这个JSAPI。

翻译起来就是：

这个报错是因为wx.config没有配置成功，或者jsApiList参数配置有问题。

解决办法：

1.校验jssdk是否配置正常，（有成功配置的项即可）。

2.ios在vue或react打包项目配置失效，安卓正常。可改成兼容模式（见方法：getConfigUrl() ）

import { GET } from '@/utils/request';
import wx from 'weixin-js-sdk';

// 获取当前url配置jssdk
function getConfigUrl() {
    let u = window.navigator.userAgent;
    let isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
    //安卓需要使用当前URL进行微信API注册（即当场调用location.href.split('#')[0]）
    //iOS需要使用进入页面的初始URL进行注册，（即在任何pushstate发生前，调用location.href.split('#')[0]）
    let url = '';
    if (isiOS) {
        url = (`${window.localStorage.getItem('_iosWXConfig_') || window.location.href.split('#')[0]}`);//获取初始化的url相关参数
    } else {
        url = (window.location.href.split('#')[0]);
    }
    return url;
}

// 配置jssdk
async function setWXJSSDk() {
    const res = await GET('wechat/getSdkMessage', {
        url: getConfigUrl()
    });

    // 通过config接口注入权限验证配置
    wx.config({
        // debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
        appId: res.appId, // 必填，公众号的唯一标识
        timestamp: res.timestamp, // 必填，生成签名的时间戳
        nonceStr: res.noncestr, // 必填，生成签名的随机串
        signature: res.signature,// 必填，签名
        // 必填，需要使用的JS接口列表
        jsApiList: [
            'checkJsApi',
            'updateTimelineShareData',
            'updateAppMessageShareData',
            'onMenuShareTimeline',
            'onMenuShareAppMessage',
            'hideAllNonBaseMenuItem',
            'showAllNonBaseMenuItem'
        ]
    });
    return;
}

// 关闭所有菜单
async function wxHideMenu(item) {
    if (item.path === '/' || item.path === '/classroomreservation') return; //中转页-分享页面不调用
    await setWXJSSDk()
    wx.ready(() => {
        wx.hideAllNonBaseMenuItem();
        wx.checkJsApi({
            jsApiList: [
                'updateTimelineShareData',
                'updateAppMessageShareData',
                'onMenuShareTimeline',
                'onMenuShareAppMessage',
                'hideAllNonBaseMenuItem',
                'showAllNonBaseMenuItem'
            ], // 需要检测的JS接口列表，所有JS接口列表见附录2,
            success: function (res) {
                console.log(res);
            }
        })
    });
}

// 打开微信菜单分享
async function wxMenuShare(wxShareSet) {
    // 通过ready接口处理成功验证
    await setWXJSSDk();
    wx.ready(() => {
        wx.updateTimelineShareData(wxShareSet);
        wx.updateAppMessageShareData(wxShareSet);
        wx.onMenuShareTimeline(wxShareSet);
        wx.onMenuShareAppMessage(wxShareSet);
        wx.showAllNonBaseMenuItem();
    });
}

export {
    wxHideMenu,
    wxMenuShare,
}

3.检查jsApiList是否配置了“hideOptionMenu”、 “hideMenuItems”，若非必要可以改成：“hideAllNonBaseMenuItem”、“showAllNonBaseMenuItem”（经验来源实际项目踩坑，重复关闭开启有问题）