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 文件的方法部分中有此行为。我也在观看部分中尝试过，但是行为是相同的。

当我在控制台中的“网络”选项卡上进行检查时，我肯定不理解两个请求中的一个如何工作，甚至在服务器响应之前也是如此。

请帮助！！！：-）

Answer 1

@ 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>

Answer 2

YESSSSSSSSSSSSSSSSSSSSSSSSSSS :-) 我终于找到了解决方案！

这很聪明。实际上，webpack服务器检测到我通过后端服务器应用程序修改的JSON，然后我的浏览器正在刷新^^

我很愚蠢：-p

根据特定请求自动刷新-VueJS，Axios

2 个答案: