@ArutaGerman

Как передать json на сервер с помощью Fetch в Vue.cli?

Создал json файл на сервере, данные из него читаю нормально и заполняю их в нужные поля в app, но передать данные в этот файл не могу.
Разрабатываю через localhost: 8080 Vue.cli.
2 вопроса в связи с этим:
1. Нужен ли сервер Apachi для передачи и записи данных json в файл
или
2. Достаточно просто конфига index.php в папке на сервере?

Если вариант 2, то какой он должен быть? (в php не понимаю)

Ниже код, которым пытаюсь передать данные в файл, где contacts - ссылка на массив данных из заполненной формы в виде:
methods: {
            saveContact(formData) {
                     let contacts = this.userData.push (formData);
                     
                     var requestURL = "./data/user_data.json";
                     let data = JSON.stringify(contacts);
                     const fetchOptions = {
                         credentials: "include",
                         method: "POST",
                         headers: { "Content-Type": "application/json", },
                         body: data,
                     };

                     fetch(requestURL, fetchOptions)
                     .then((response) => response.json())
                     .catch((error) => {
                              console.log( "Возникла проблема с вашим fetch запросом: ",  error.message );
                      });
}
  • Вопрос задан
  • 28 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы