Автоматическое обновление по конкретному запросу - VueJS, Axios

Question

Во время разработки одностраничного приложения в VueJS я заметил странное поведение с двумя разными запросами с Axios.

Этот первый запрос возвращает нормальный результат и может быть обработан так, как я хочубыть.HTTP - это только объект, созданный axios.create

const initGit = {
  das: this.message,
  password: this.password
};
HTTP.post('git/initGit', qs.stringify(initGit), this.config)
  .then(res => {
    console.log(res);
  })
  .catch(err => {
    console.log(err);
  });

Этот запрос работает как талисман: -)

Однако, когда я заменяю этот первый запрос на запрос ниже.

const body = {
  skill : this.newSkill
};
HTTP.post('git/pushGit', qs.stringify(body), this.config)
  .then(res => {
     console.log(res);
   })
   .catch(err => {
      console.log(err);
   });

Это вызывает обновление страницы .

У меня было такое поведение в метод части моего Vue файла.Я также пробовал в части watch , но поведение такое же.

Я точно не понимаю, как работает один из двух запросов, когда я проверяю на вкладке сеть вКонсоль вызывает обновление еще до ответа сервера.

Пожалуйста, помогите !!!!: -)

Answer 1

YESSSSSSSSSSSSSSSSSSSSSSSSS :-) Я наконец нашел решение!

Это было довольно умно.Фактически, JSON, который я изменял через приложение моего внутреннего сервера, было обнаружено сервером веб-пакета, а затем мой браузер обновлялся ^^

Я глуп: -p

Answer 2

@ varit05 Это код шаблона моего шагового шага, который включает в себя вызов наблюдателя для реализации 2 запросов.

<v-stepper-content step="3">
                        <v-form onsubmit="return false;">
                            <div class="new-skill-step">
                                <v-text-field
                                        v-model="newSkill"
                                        :rules="[rulesDas.required]"
                                        outline
                                        clearable
                                        label="New Skill"
                                        type="text"
                                        @keyup="isButtonNewSkillEnabled"
                                        @keyup.enter="sendNewSkill = ''"
                                >
                                </v-text-field>
                                <v-btn :disabled="!buttonWriteSkillEnabled" round color="primary" @click="sendNewSkill = ''">
                                    Write new skill
                                </v-btn>
                            </div>
                        </v-form>
                    </v-stepper-content>