axios每次发送请求会有两次，多一次Request Method: OPTIONS是怎么回事？

现在vue项目中使用axios发送http请求，每次请求都会多一次Request Method: OPTIONS请求，然后才是get/post请求，请问这个是后台的问题还是我这边axios请求的问题？如果是前台可以解决，请问应该如何解决？

其实跨域分为 简单跨域请求和复杂跨域请求
简单跨域请求是不会发送options请求的
复杂跨域请求会发送一个预检请求options
复杂跨域请求要满足以下：
1、请求方法不是GET/HEAD/POST
2、POST请求的Content-Type并非application/x-www-form-urlencoded, multipart/form-data, 或text/plain
3、请求设置了自定义的header字段

如果不想发送option请求可以改为简单请求比如你的Content-Type可能是application/json格式将其改为application/x-www-form-urlencoded

axios每次发送请求会有两次，多一次Request Method: OPTIONS是怎么回事？相关推荐

为什么浏览器请求一个接口有两次其中一次是Request Method: OPTIONS
Request Method: OPTIONS 刚接触前端的时候,以为HTTP的Request Method只有GET与POST两种,后来才了解到,原来还有HEAD.PUT.DELETE.OPTION ...
使用axios时遇到的Request Method: OPTIONS请求，会同时发送两次请求问题
新接手的一个项目中,发现一些接口在请求时,会自动发送一个 Request Method: OPTIONS 的请求,我查了一遍代码,不是代码中写明的.就上网搜了一下,网上给出的解释涉及到了两个关键词: ...
【AJAX 笔记】AJAX 基本、HTTP 基本、原生 AJAX 的使用，jQuery / Axios / fetch 发送请求、跨域（JSONP/CORS）
文章目录 1 Ajax 概述 1.1 AJAX 简介 1.2 XML 简介 1.3 AJAX 的特点 1.3.1 AJAX 的优点 1.3.2 AJAX 的缺点 1.4 AJAX 属性和方法 2. H ...
axios如何发送请求
一.如何发送get/post请求? Axios安装 CDN方式:https://unpkg.com/axios/dist/axios.min.jshttps://unpkg.com/a ...
axios.post发送请求，axios发送post请求，携带参数传递给接口
vue 中使用axios 发送post 请求需要使用 qs 模块将参数转序列化发送给后端否则接口会出现收不到参数的情况 import qs from "qs" ...
vue axios跨域 Request Method: OPTIONS问题
今天做跨域登录功能遇到这个问题(后端已做跨域处理): 当跨域请求为post时候,请求的method变为了options. 在这里插入图片描述其实跨域分为简单跨域请求和复杂跨域请求: 简单跨域请求是 ...
Ajax 请求中出现OPTIONS（Request Method: OPTIONS）
背景做上传文件功能时,在请求上传文件接口之前,会发送一个options的请求. 原因 ajax 请求遵循同源策略(协议.域名.端口必须一致),若突破该限制,会产生跨域行为,设置Access-Cont ...
Vue学习笔记（三）Vue2三种slot插槽的概念与运用 | ES6 对象的解构赋值 | 基于Vue2使用axios发送请求实现GitHub案例 | 浏览器跨域问题与解决
文章目录一.参考资料二.运行环境三.Vue2插槽 3.1 默认插槽 3.2 具名插槽 3.3 作用域插槽 ES6解构赋值概念 & 作用域插槽的解构赋值 3.4 动态插槽名四.GitHu ...
axios请求失败、请求超时重新发送请求
一. axios重新发送请求基础版(所有的请求错误,不论是请求超时还是接口请求出错都会进行重试) 以下是一个完整的文件,看懂了的话axios重试请求也就基本会了,不会的话直接复制到项目里,也可以直接调 ...

axios每次发送请求会有两次，多一次Request Method: OPTIONS是怎么回事？

axios每次发送请求会有两次，多一次Request Method: OPTIONS是怎么回事？相关推荐

最新文章

热门文章