fetch請求后的問題

get拿到了只讀數(shù)據(jù)

你這樣寫,肯定獲取不到數(shù)據(jù)了,得到的是promise對(duì)象,axios是用promise封裝的,要用then才能獲取到數(shù)據(jù),
需要這樣寫
await filter().then((res) => { console.log(res) })

如果fetch是我以為的那樣的話, 可以改寫這個(gè)代碼:

let data = await filter().then(res => res.json()))
console.log(data)

是不是沒有res.json()

看不出來有什么不對(duì)，你確定這個(gè) response 對(duì)象是 data 打印的？

這是樓主提供的文章里fetch的封裝函數(shù)，
這個(gè)是有明顯問題的，當(dāng)系統(tǒng)支持fetch 并使用的時(shí)候返回的值已經(jīng)是結(jié)果了，并不是一個(gè)promise,所以
你的代碼中再使用await 肯定是行不通的，但這個(gè)函數(shù)最大的問題就是，如果當(dāng)檢測到，系統(tǒng)不支持fetch ,改用XMLHttpRequest 它的返回值又是promise，
應(yīng)該統(tǒng)一返回promise,看我在代碼中注釋部分

export default async(type = 'GET', url = '', data = {}, 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'
            },
            mode: "cors",
            cache: "force-cache"
        }

        if (type == 'POST') {
            Object.defineProperty(requestConfig, 'body', {
                value: JSON.stringify(data)
            })
        }
        // 如果樓主想要在代碼中使用await 那只要在這里返回fetch就可以了，
        //return fetch(url, requestConfig);
        //從下面一行，到else 上面部分的代碼是不需要的
        try {
            var response = await fetch(url, requestConfig);
            var responseJson = await response.json();
        } catch (error) {
            throw new Error(error)
        }
        return responseJson
    } 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.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)
                    }
                }
            }
        })
    }
}