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

Question

[ArutaGerman]

Создал 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 );
                      });
}

Comments

[lugindev]

js не имеет права записывать файлы на стороне клиента. Это через бекенд делается, PHP, Node JS, Python, не важно.