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接口的资料请关注脚本之家其它相关文章!
相关文章
vue 使用原生组件上传图片的实例
这篇文章主要介绍了vue 使用原生组件上传图片的实例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
2020-09-09
使用vue开发移动端管理后台的注意事项
这篇文章主要介绍了使用vue开发移动端管理后台的注意事项,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
2019-03-03
Vue利用Mixin轻松实现代码复用
Mixin,中文翻译为"混入",在Vue中是一种非常有用的功能,可以解决许多开发中的常见问题,下面就让我们一起深入了解一下Mixin在Vue中解决了哪些问题吧
2023-06-06
vue + electron应用文件读写操作
这篇文章主要介绍了vue + electron应用文件读写操作,如果要制作的应用并不复杂,完全可以将数据存储在本地文件当中,然后应用就可以通过这些文件进行数据的读写,需要的朋友参考下吧
2022-06-06
Vue自定义组件使用事件修饰符的踩坑记录
vue提倡的是在方法中只有对数据的处理,所以提供了事件修饰符用于DOM的事件处理,下面这篇文章主要给大家介绍了关于Vue自定义组件使用事件修饰符的相关资料,需要的朋友可以参考下
2021-05-05
浅谈Vue中插槽slot的使用方法
这篇文章主要给大家分享了 Vue中插槽slot的使用方法,下面文章内容围绕插槽slot的相关资料展开其的使用方法,需要的朋友可以参考一下,希望多大家有所帮助
2021-11-11
关于Vue 自定义指令实现元素拖动的详细代码
这篇文章主要介绍了Vue 自定义指令实现元素拖动,在使用自定义指令之前,先对自定义指令有一定的了解,主要从自定义指令定义范围,钩子函数方面入手,需要的朋友可以参考下
2022-01-01
详解vue配置后台接口方式
这篇文章主要介绍了vue配置后台接口方式,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
2019-03-03
最新评论