Comment définir le type de contenu de l'en-tête de requête lors de l'utilisation de Fetch APi

Je suis à l'aide de mnp 'isomorphe a 'chercher' pour envoyer les requêtes. Le problème que je rencontre est que je suis incapable de définir le type de contenu de l'en-tête de requête.

- Je définir un type de contenu application/json , cependant l'en-tête de demande sont fixés de façon à text/plain.

import 'isomorphic-fetch';

  sendRequest(url, method, body) {
    const options = {
      method: method,
      headers:{'content-type': 'application/json'},
      mode: 'no-cors'
    };

    options.body = JSON.stringify(body);

    return fetch(url, options);
  }

Lorsque j'examine la demande dans mon navigateur, le type de contenu est o :

content-type:text/plain;charset=UTF-8

Quelqu'un peut-il expliquer pourquoi je suis incapable de définir cette propriété?

source d'informationauteur user1526912

  1. 14

    J'ai trouvé la réponse après la lecture de l'article suivant:

    https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API/Using_Fetch#Headers

    Garde

    Depuis des en-têtes peuvent être envoyés dans les demandes et reçu dans les réponses, et ont de nombreuses limitations sur ce que peut et doit être mutables, les en-têtes de un des objets de la garde de la propriété. Ce n'est pas exposée sur le Web, mais il affecte la mutation opérations sont autorisées sur les en-têtes de l'objet.

    Possible garde des valeurs sont:

    • none: par défaut.
    • request: la garde pour les en-têtes objet obtenu à partir d'une demande (Request.headers).
    • request-no-cors: la garde pour les en-têtes objet obtenu à partir d'une requête créée avec Request.mode no-cors.
    • response: la garde pour les en-Têtes obtenu à partir d'une réponse (Response.headers).
    • immutable: Principalement utilisé pour la ServiceWorkers; rend une les en-têtes de l'objet en lecture seule.

    Note: Vous ne pouvez pas ajouter ou de définir un request gardé en-Têtes " Content-Length en-tête. De même, l'insertion de Set-Cookie en-tête de la réponse n'est pas permis: ServiceWorkers ne sont pas autorisés à créer des cookies via la synthèse des réponses.

    Lorsque les options de mode de propriété est non-scro l'en-tête de requête les valeurs sont immuables.

    À la place j'ai mis le mode de propriété de la scro.

  2. 8

    Vous avez besoin pour créer un récupère les en-têtes de l'objet.

      sendRequest(url, method, body) {
     const options = {
     method: method,
     headers: new Headers({'content-type': 'application/json'}),
     mode: 'no-cors'
   };

  options.body = JSON.stringify(body);

  return fetch(url, options);
 }