单击即可发送2个Ajax POST请求

Question

 logout(){ var destroySession='{"token":"'+this.token+'"}' console.log("Session Destroy"+destroySession) axios.post(eventBus.apiURL+'logout',{ headers: { 'Content-type': 'application/json', }, body: destroySession, }).then(response=>{ console.log("RESadas :: "+JSON.stringify(response.data)) alert("Logout successfully..!") this.$router.push('/') },error=>{ console.log(error); alert("Some Issue for LogOut at Server Side..!") }); window.localStorage.removeItem('token') window.localStorage.removeItem('name') this.$router.push('/') } 

 <button @click="logout">Logout</button> 

我已经在vuejs编写了用于注销的代码，但是在单击时它发送两个POST请求，并且在会话期间在服务器端发生销毁问题。

Answer 1

根据Mozilla开发人员网络 ，

飞行前要求

与“简单请求”（如上所述）不同，“预检”请求首先通过OPTIONS方法将HTTP请求发送到另一个域上的资源，以便确定实际请求是否可以安全发送。 跨站点请求这样被预检，因为它们可能会影响用户数据。

特别是，如果满足以下任一条件，则对请求进行预检：

如果请求使用以下任何一种方法：

• 放
• 删除
• CONNECT
• OPTIONS
• 跟踪
• 补丁

或者，如果除了由用户代理自动设置的标头（例如，Connection，User-Agent或在Fetch规范中定义为“禁止标头名”的任何其他标头）之外，请求中还包括除Fetch规范定义为“ CORS安全列出的请求标头”的标头以外的标头如下：

• 接受
• 接受语言
• 内容语言
• 内容类型（但请注意以下其他要求）
• DPR
• 下行
• 保存数据
• 视口宽度
• 宽度

或者，如果Content-Type标头的值不是以下值：

• 应用程序/ x-WWW窗体-urlencoded
• 多部分/格式数据
• 纯文本/

更新

请阅读有关如何禁用预检请求的以下答案： 链接