Könnten Sie bitte das Ergebnis der Anfrage mithilfe der Fetch-API-Bibliothek neu verpacken?

Hallo zusammen, ich verwende diese Bibliothek https://github.com/dvajs/dva/... Wie kann ich beim Anfordern der restlichen API von yii2 den Header x-pagination-page-count, x-pagination-total-count und andere vom Server zurückgegebene Informationen packen? das Rückgabeergebnis? ?

Der Header der von der aktuellen API zurückgegebenen Informationen enthält bereits die folgenden Informationen

<code>x-pagination-current-page:1
x-pagination-page-count:35
x-pagination-per-page:12
x-pagination-total-count:411</code>

Ich hoffe, die zurückgegebenen Daten neu zu packen, sodass das Datenobjekt eine Liste (das ursprüngliche Rückgabeergebnis), x-Paginierung-Gesamtanzahl, x-Paginierung-Seitenanzahl und andere Informationen der Server-Header-Informationen enthält.

Aber jetzt kann ich nur feststellen, dass das reine REST-Rückgabeergebnis ein Array ist. Ich habe versucht, die Daten in der Anforderungsklasse neu zu kapseln, aber alle Versuche sind fehlgeschlagen, und ich habe keine Lösung gefunden 🎜>

Könnten Sie mir bitte sagen, wie ich es in das Objekt verpacken kann, das ich brauche? Danke!!!

Der Anforderungscode lautet wie folgt:

<code> const {data} = yield call(query, parse(payload));
      if (data) {
        console.log(data); //!!!这里!!!  我希望将这里返回的data 重新包装下,使data对象list, 服务器头信息,x-pagination-total-count,x-pagination-page-count.等信息 
        // 但是现在 我只能获取到, 纯粹的rest返回结果 是个数组. 我尝试在 request类中重新封装数据, 各种尝试都失败了. 各种搜  可能是关键词不对  也没有找到解决办法. 
        yield put({
          type: 'querySuccess',
          payload: {
            list: data.list,
            total: Number(data.total),
            current: Number(data.current),
            pageSize: data.pageSize ? data.pageSize : 12,
          }
        });
      }</code>

Die asynchronen Methoden sind wie folgt:

<code>export async function query(params) {
  return request(`/api/users?${qs.stringify(params)}`);
}</code>

Anfrageklasse ist wie folgt:

<code>import fetch from 'dva/fetch';

function checkStatus(response) {
  if (response.status >= 200 && response.status < 300) {
    //这里是可以读取到这些信息的. 但是我不会重新包装. 
    console.log(response.headers.get('x-pagination-page-count')); //35
    console.log(response.headers.get('x-pagination-total-count')); //411
    return response;
  }
  const error = new Error(response.statusText);
  error.response = response;
  throw error;
}

function parseJSON(response) {

  return response.json();
}
/**
 * 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 }));
}
</code>

Der Rest-Controller von yii2 ist wie folgt:

<code><?php
namespace api\modules\test\controllers;

use yii;
use yii\helpers\ArrayHelper;
class UsersController extends yii\rest\ActiveController
{
    public $modelClass = '\common\models\User';
    public function behaviors() {
        return ArrayHelper::merge(parent::behaviors(), [
            'corsFilter' => [
                'class' => \yii\filters\Cors::className(),
                'cors' => [
                    // restrict access to
                    'Origin' => ['*'],
                    'Access-Control-Request-Method' => ['*'],
                    'Access-Control-Request-Headers' => ['*'],
                    'Access-Control-Allow-Credentials' => true,
                    // Allow OPTIONS caching
                    'Access-Control-Max-Age' => 3600,
                    // Allow the X-Pagination-Current-Page header to be exposed to the browser.
                    'Access-Control-Expose-Headers' => ['X-Pagination-Current-Page'],
                ],
            ],
        ]);
    }

    public function actions()
    {
        $actions = parent::actions();
        // 禁用"delete" 和 "create" 操作
        unset($actions['delete'], $actions['create']);
        return $actions;
    }
}</code>

Antwortinhalt:

Hallo zusammen, ich verwende diese Bibliothek https://github.com/dvajs/dva/... Wie kann ich beim Anfordern der restlichen API von yii2 den Header

und andere vom Server zurückgegebene Informationen packen? das Rückgabeergebnis? ?x-pagination-page-count, x-pagination-total-count

Der Header der von der aktuellen API zurückgegebenen Informationen enthält bereits die folgenden Informationen

<code>x-pagination-current-page:1
x-pagination-page-count:35
x-pagination-per-page:12
x-pagination-total-count:411</code>

Ich hoffe, die zurückgegebenen Daten neu zu packen, sodass das Datenobjekt eine Liste (das ursprüngliche Rückgabeergebnis), x-Paginierung-Gesamtanzahl, x-Paginierung-Seitenanzahl und andere Informationen der Server-Header-Informationen enthält.

Aber jetzt kann ich nur feststellen, dass das reine REST-Rückgabeergebnis ein Array ist. Ich habe versucht, die Daten in der Anforderungsklasse neu zu kapseln, aber alle Versuche sind fehlgeschlagen. Verschiedene Suchvorgänge weisen möglicherweise darauf hin, dass die Schlüsselwörter falsch sind habe eine Lösung gefunden

Könnten Sie mir bitte sagen, wie ich es in das Objekt verpacken kann, das ich brauche? Danke!!!

Der Anforderungscode lautet wie folgt:

<code> const {data} = yield call(query, parse(payload));
      if (data) {
        console.log(data); //!!!这里!!!  我希望将这里返回的data 重新包装下,使data对象list, 服务器头信息,x-pagination-total-count,x-pagination-page-count.等信息 
        // 但是现在 我只能获取到, 纯粹的rest返回结果 是个数组. 我尝试在 request类中重新封装数据, 各种尝试都失败了. 各种搜  可能是关键词不对  也没有找到解决办法. 
        yield put({
          type: 'querySuccess',
          payload: {
            list: data.list,
            total: Number(data.total),
            current: Number(data.current),
            pageSize: data.pageSize ? data.pageSize : 12,
          }
        });
      }</code>

Die asynchronen Methoden sind wie folgt:

<code>export async function query(params) {
  return request(`/api/users?${qs.stringify(params)}`);
}</code>

Anfrageklasse ist wie folgt:

<code>import fetch from 'dva/fetch';

function checkStatus(response) {
  if (response.status >= 200 && response.status < 300) {
    //这里是可以读取到这些信息的. 但是我不会重新包装. 
    console.log(response.headers.get('x-pagination-page-count')); //35
    console.log(response.headers.get('x-pagination-total-count')); //411
    return response;
  }
  const error = new Error(response.statusText);
  error.response = response;
  throw error;
}

function parseJSON(response) {

  return response.json();
}
/**
 * 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 }));
}
</code>

Der Rest-Controller von yii2 ist wie folgt: