Как решить ошибку SyntaxError: Unexpected end of input при попытке передать объект на локальную машину?

Question

[YanBragin]

При попытке отправки fetch запроса на React на локальный машину выводит ошибку: SyntaxError: Unexpected end of input.

Сам код (React):

import React from "react";

const Test = () => {
  const [answer, setAnswer] = React.useState([]);
  const [text1, setText1] = React.useState("");
  const [text2, setText2] = React.useState("");

  const fetchs = (e) => {
    e.preventDefault();

    const userData = {
      text1,
      text2,
    };

    fetch('https://testc1/index.php', {
      method: "POST",
      mode: "no-cors",
      headers: {
        "Content-Type": "application/json",
      },
      body: JSON.stringify(userData),
    })
      .then((res) => {
        return res.json();
      })
      .then((result) => {
        setAnswer(result);
        console.log(result);
      })
      .catch((error) => {
        console.error("Error:", error);
      });
  };

  return (
    <form onSubmit={fetchs} method="POST">
      <input
        type="text"
        name="text1"
        id="text1"
        placeholder="text1"
        value={text1}
        onChange={(e) => setText1(e.target.value)}
      />
      <input
        type="text"
        name="text2"
        id="text2"
        placeholder="text2"
        value={text2}
        onChange={(e) => setText2(e.target.value)}
      />
      <button type="submit">send</button>
      <p>{answer}</p>
    </form>
  );
};

export default Test;

Код index.php (на локалке):

<?php
header('Access-Control-Allow-Origin: *');
header('Content-Type: application/json');


$dataGet = file_get_contents("php://input");
$data = json_decode($dataGet);


if (!empty($data)) {
  $resp = [
    'status' => 'success',
    'errors' => 'zero'
  ];
  echo json_encode($resp);
}

Comments

[Александр]

Так попробуйте

if (!empty($data)) {
  ...
} else {
  echo json_encode([]);
}

[VoidVolker]

YanBragin Правила 3.8

[YanBragin]

Александр, c таким же "успехом" выводит ошибку - SyntaxError: Unexpected end of input

[Александр]

YanBragin, И mode: 'no-cors' тоже уберите.

[YanBragin]

Александр, при отсутствии mode: "no-cors" показывает ошибку:
Access to fetch at 'https://testc1/' from origin 'localhost:3000' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: The 'Access-Control-Allow-Origin' header has a value 'localhost:3000/' that is not equal to the supplied origin. Have the server send the header with a valid value, or, if an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled.

Я думаю, что можно попробовать решить эту проблему через глобальный массив $_SERVER посмотреть откуда мы пришли, и тогда уже выполнять код (про замену mode: 'no-cors')

[Александр]

YanBragin, no-cors как раз не позволяет Вам получить данные. Можете "вогнать" локальные серверы в один домен при помощи hosts.

[YanBragin]

Александр, после такого ничего не поменялось, всё такая же ошибка

Answer 1

[Антон Шаманов]

проверь лог ошибок php - скрипт не падает с ошибкой?
мне кажется фетч может при post запросе автоматом добавлять enctype="multipart/form-data" и поэтому "php://input" нихрена не возвращает и скрипт падает при json_decode("")