Fetch API - Content-Type отправляется как text / plain, если для него установлено application / json

В моем приложении React, когда я отправляю форму для создания нового пользователя, я создаю запрос на сервер с помощью fetch.

Код такой:

fetch('http://0.0.0.0:3000/users', {
  method: 'POST',
  mode: 'no-cors',
  headers: {
    'Content-Type': 'application/json'
  },
  body: JSON.stringify(data)
}).then(response => console.info(response))

Когда я проверяю запись на вкладке «Сеть» в инструментах разработчика, я вижу, что Content-Type - это text/plain, но я не понимаю, почему, если я установил его как application/json.

Я пробовал использовать опцию Edit and send в запросе и заменить text/plain на application/json, но после отправки он отправляется как text/plain.

Если вы установили no-cors, потому что вы получали ошибки «Заголовок Access-Control-Allow-Origin отсутствует ...», это не решение

Phil 11.01.2019 02:31
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
4
1
8 133
1

Ответы 1

Вариант mode: "no-cors" - виноват.

Удалите эту опцию, и она должна работать

Чтобы исправить это, передайте новый объект заголовков

headers: new Headers({'content-type': 'application/json'})

Я все еще получаю тот же результат

abaracedo 11.01.2019 02:23

Обновленный ответ.

varoons 11.01.2019 02:26

Опция headers также принимает простой объект. Это не необходимость, чтобы быть экземпляром Headers

Phil 11.01.2019 02:30

no-cors решил мою проблему. Благодарность..

mstfyldz 08.10.2020 15:43

Другие вопросы по теме