微信公众号ios10.1 版本白屏问题

Posted 跌倒不要紧,要紧的是赶快爬起来。

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了微信公众号ios10.1 版本白屏问题相关的知识,希望对你有一定的参考价值。

真机调试ios 10.1.x的版本不支持fetch 所以一直loading显示白屏。
其他设备都没问题。 所以用主要属性window.fetch用来判断是否支持fetch 属性
import {
    baseUrl
} from ‘./env‘

export default async(url = ‘‘, data = {}, type = ‘GET‘, method = ‘fetch‘) => {
    type = type.toUpperCase();
    url = baseUrl + url;

    if (type == ‘GET‘) {
        let dataStr = ‘‘; //数据拼接字符串
        Object.keys(data).forEach(key => {
            dataStr += key + ‘=‘ + data[key] + ‘&‘;
        })

        if (dataStr !== ‘‘) {
            dataStr = dataStr.substr(0, dataStr.lastIndexOf(‘&‘));
            url = url + ‘?‘ + dataStr;
        }
    }

    if (window.fetch && method == ‘fetch‘) {
        let requestConfig = {
            credentials: ‘include‘,
            method: type,
            headers: {
                ‘Accept‘: ‘application/json‘,
                ‘Content-Type‘: ‘application/json‘,
        ‘Authorization‘: localStorage.getItem(‘token‘),
            },
            mode: "cors",
            // cache: "force-cache"
        }

        if (type == ‘POST‘) {
            Object.defineProperty(requestConfig, ‘body‘, {
                value: JSON.stringify(data)
            })
        }

        try {
            const response = await fetch(url, requestConfig);
            const responseJson = await response.json();
            return responseJson
        } catch (error) {
            throw new Error(error)
        }
    } else {
        return new Promise((resolve, reject) => {
            let requestObj;
            if (window.XMLHttpRequest) {
                requestObj = new XMLHttpRequest();
            } else {
                requestObj = new ActiveXObject;
            }

            let sendData = ‘‘;
            if (type == ‘POST‘) {
                sendData = JSON.stringify(data);
            }

            requestObj.open(type, url, true);
            requestObj.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
            requestObj.setRequestHeader("Accept","application/json");
      requestObj.setRequestHeader("Content-Type","application/json");
      requestObj.setRequestHeader("Authorization",localStorage.getItem(‘token‘));
            requestObj.send(sendData);

            requestObj.onreadystatechange = () => {
                if (requestObj.readyState == 4) {
                    if (requestObj.status == 200) {
                        let obj = requestObj.response
                        if (typeof obj !== ‘object‘) {
                            obj = JSON.parse(obj);
                        }
                        resolve(obj)
                    } else {
                        reject(requestObj)
                    }
                }
            }
        })
    }
}

 

以上是关于微信公众号ios10.1 版本白屏问题的主要内容,如果未能解决你的问题,请参考以下文章

VUE开发公众号IOS9白屏问题

基于Vue公众号开发中的哪些坑 (严重鄙视ios,遇到的坑基本都是在ios中)

微信公众号怎么打开调试模式

微信 7.0.20 来了,大量新功能!

微信公众平台如何通过php代码给会员发送被动响应消息

网络爬虫微信公众号采集