vue.js - 在vue中使用fetch，return回来的数据如何处理

问题描述

问 题

api代码

import request from '../utils/request';
import qs from 'qs';

export async function query(params) {
  return request(`/goods/getGoods?${qs.stringify(params)}`);
}

request代码

function parseJSON(response) {
  return response.json();
}

function checkStatus(response) {
  if (response.status >= 200 && response.status < 300) {
    return response;
  }

  const error = new Error(response.statusText);
  error.response = response;
  throw error;
}

/**
 * Requests a URL, returning a promise.
 *
 * @param  {string} url       The URL we want to request
 * @param  {object} [options] The options we want to pass to "fetch"
 * @return {object}           An object containing either "data" or "err"
 */
export default function request(url, options) {
  return fetch(url, options)
    .then(checkStatus)
    .then(parseJSON)
    .then((data) => ({ data }))
    .catch((err) => ({ err }));
}

actions代码

import { query } from '../api/device'
import * as types from './mutation-types'

export const getAllDevice = ({ commit }) => {
  const data = query()
  console.log(data);
  commit(types.LOAD_DEVICE, { data })
}

query()返回值

Promise {[[PromiseStatus]]: "pending", [[PromiseValue]]: undefined}

const data = query()怎么处理才能获取数据

解决方案

data.then(function(result){
    // result应该就是要的数据了
})

这篇关于vue.js - 在vue中使用fetch，return回来的数据如何处理的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！