vue中使用axios请求post接口发送两次

更新时间：2023年11月26日 16:09:13 作者：李小白呀

这篇文章主要为大家介绍了vue中使用axios请求post接口,请求会发送两次原因解析,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪

在vue中使用axios请求post接口

请求会发送两次

所有跨域的js在提交post请求的时候，如果服务端设置了可跨域访问都会默认发送两次请求，第一次是预检请求，查询是否支持跨域，第二次才是真正的post提交。JS中出现这个现象原因在于你发送了一个非简单请求。

浏览器分为简单请求以及非简单请求

跨域请求需要先发一次Option预请求，OPTIONS是检验是否允许跨域的，如果不希望OPTIONS请求，直接让后端遇到option直接返回就可以了，前端可不做处理。

简单请求

以下三项必须都成立：

1. 只能是Get、Head、Post方法

2. 除了浏览器自己在Http头上加的信息（如Connection、User-Agent），开发者只能加这几个：Accept、Accept-Language、Content-Type、。。。。

3. Content-Type只能取这几个值：

application/x-www-form-urlencoded
multipart/form-data
text/plain

只有同时满足以上条件时,才是简单请求,否则为非简单请求

以上就是vue中使用axios请求post接口发送两次的详细内容，更多关于vue axios请求post接口的资料请关注脚本之家其它相关文章！

您可能感兴趣的文章:

使用Vant如何完成各种Toast提示框
这篇文章主要介绍了使用Vant如何完成各种Toast提示框，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
2022-05-05
Vue 组件事件触发和监听实现源码解析
这篇文章主要为大家介绍了Vue 组件事件触发和监听实现源码解析，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
2022-12-12
vue弹窗组件的实现示例代码
这篇文章主要介绍了vue弹窗组件的实现示例代码，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2018-09-09
vue 指定组件缓存实例详解
keep-alive 是 Vue 内置的一个组件，可以使被包含的组件保留状态，或避免重新渲染。这篇文章主要介绍了vue 指定组件缓存,需要的朋友可以参考下
2018-04-04
VueJS页面渲染之后如何调用函数
这篇文章主要介绍了VueJS页面渲染之后如何调用函数问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
2023-11-11
vue.js移动端tab组件的封装实践实例
本篇文章主要介绍了vue.js移动端tab的封装实践实例，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2017-06-06
web项目开发VUE的混入与继承原理
这篇文章主要介绍了web项目开发中VUE的混入与继承原理，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
2021-09-09
Vue中的watch是什么以及watch和computed的区别
这篇文章主要介绍了Vue中的watch是什么以及watch和computed的区别说明，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
2022-06-06
微信小程序地图导航功能实现完整源代码附效果图（推荐）
这篇文章主要介绍了微信小程序地图导航功能实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2019-04-04
vue生成文件本地打开查看效果的实例
今天小编就为大家分享一篇vue生成文件本地打开查看效果的实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2018-09-09