Почтовый запрос работал, но перенаправляет на страницу ошибки

Question

У меня странная проблема, когда я выполняю запрос POST.У меня есть 3 разные формы с методом post на одной и той же странице, первая работает отлично.

Кажется, есть проблема у двух других: когда я нажимаю кнопку сохранения, он перенаправляет на страницу ошибки с Cannot POST /http://localhost:4000/cards,URL-адрес страницы - http://localhost:8080/http://localhost:4000/cards - это URL моего локального сервера + URL-адрес сервера json.

Когда я обновляю страницу, запрос работает, потому что добавлена ​​новая карта.

Вот мой упрощенный код:

<form action="/http://localhost:4000/teamsettings" method="POST">
  <input name="title" class="input-source" v-model="teamsetting.name" type="text">
  <input name="description" class="input-source" v-model="teamsetting.description" type="text">

 <div type="submit" @click="submitTeamG(teamsetting)">Save</div>
</form>



<form action="/http://localhost:4000/cards" method="POST">
  <input v-model="title">
  <textarea class="input-resume" v-model="description"></textarea>

  <button type="submit" @click="subCard">Save</button>
</form>



<form action="/http://localhost:4000/cards" method="POST">
  <input v-model="card.title">
  <textarea class="input-resume" v-model="card.description"></textarea>

  <button type="submit" @click="modifyCard">Modify</button>
</form>

А вот мои запросы к сообщениям axios:

methods: {
        submitTeamG(teamsetting) {
            axios.put('http://localhost:4000/teamsettings', {
                name: teamsetting.name,
                description: teamsetting.description
            })
                .then(function (response) {
                    console.log(response.data);
                })
                .catch(function (error) {
                    console.log(error);
                });
            window.location="/backoffice";
        },

        subCard() {
            axios.post('http://localhost:4000/cards', {
                title: this.title,
                description: this.description,
            })
                .then(function (response) {
                    console.log(response.data);
                })
                .catch(function (error) {
                    console.log(error);
                });
            window.location="/backoffice";
        },

        modifyCard(card) {
            axios.put('http://localhost:4000/cards', {
                title: card.title,
                description: card.description,
            })
                .then(function (response) {
                    console.log(response.data);
                })
                .catch(function (error) {
                    console.log(error);
                });
            window.location.reload();
        }
    },

Я вижу в консоли ошибку 404 перед страницей перенаправления на ошибку, но новаяданные добавляются в файл базы данных json.Что это за проблема?

Спасибо за потраченное время:)

Answer 1

Инстад window.location="/backoffice"; Использование window.open("/backoffice","_self");