当前位置:首页 > 微信 > 正文

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

11-25 微信

标签:ISE   col   encode   string   const   als   else   class   问题   

真机调试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 版本白屏问题

标签:ISE   col   encode   string   const   als   else   class   问题   

温馨提示: 本文由杰米博客推荐,转载请保留链接: https://www.jmwww.net/weixin/15602.html

博客主人杰米WWW
杰米博客,为大家提供seo以及it方面技巧喜欢的朋友收藏哦!
  • 11365文章总数
  • 2266821访问次数
  • 建站天数
  • 头条文章

    图文推荐

    站长推荐

    友情链接