解决在Vue中使用axios POST请求变成OPTIONS的问题

更新时间：2020年08月14日 11:55:16 作者：小破孩呦

这篇文章主要介绍了解决在Vue中使用axios POST请求变成OPTIONS的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧

POST请求变成OPTIONS

及报错信息（跨域）

主要解决方案：使用qs.stringify

1、安装qs

npm install qs --save

2、axios配置和使用

在接口请求页面引入安装好的qs，如下图：

引入完成之后使用qs改变传递的参数data，如下：

这样就可以了，post请求的时候就不会再出现OPTIONS了

补充知识：axios发起请求，为什么先发送options请求，再发送get/post请求

引起原因

1，跨域；

2，请求头非默认情况。

默认请求头如下

Accept
Accept-Language
Content-Language
Last-Event-ID

Content-Type：只限于三个值application/x-www-form-urlencoded、multipart/form-data、text/plain

通常情况下，会将content-Type:application/json;

axios中content-Type默认是application/json;所以在使用axios跨域发请求时，会触发options预请求。

以上这篇解决在Vue中使用axios POST请求变成OPTIONS的问题就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

Vue状态管理工具Vuex工作原理解析
Vuex是一个专为Vue.js应用程序开发的状态管理模式,下面这篇文章主要给大家介绍了关于Vue中状态管理器(vuex)详解以及实际应用场景的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
2023-02-02
vue时间格式总结以及转换方法详解
项目中后台返回的时间有多种形式,时间戳、ISO标准时间格式等，我们需要转化展示成能看的懂得时间格式,下面这篇文章主要给大家介绍了关于vue时间格式总结以及转换方法的相关资料,需要的朋友可以参考下
2022-12-12
vue echarts实现柱状图动态展示
这篇文章主要为大家详细介绍了vue echarts实现柱状图动态展示，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2021-09-09
利用vue3仿苹果系统侧边消息提示效果实例
这篇文章主要给大家介绍了关于如何利用vue3仿苹果系统侧边消息提示效果的相关资料,文中通过实例代码以及图文介绍的非常详细,对大家学习或者使用vue3具有一定的参考学习价值,需要的朋友可以参考下
2021-12-12
Vue获取input值的四种常用方法
Vue是一种流行的Web开发框架,它提供了一个双向绑定的语法糖。在Vue中,我们可以很容易地获取页面上的数据,并且可以实时的响应其变化,这篇文章主要给大家介绍了关于Vue获取input值的四种常用方法,需要的朋友可以参考下
2023-09-09
基于vue3实现一个抽奖小项目
在公司年会期间我做了个抽奖小项目，非常棒，今天把他分享到脚本之家平台，供大家学习参考，对vue3实现抽奖小项目感兴趣的朋友一起看看吧
2023-01-01
Vue.js结合bootstrap实现分页控件
这篇文章主要为大家详细介绍了Vue.js 合bootstrap实现分页控件的相关资料，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2017-03-03
教你用vue实现一个有趣的围绕圆弧动画效果
最近做的两个项目都是关于vue的,做完整理一下,这篇文章主要给大家介绍了关于如何用vue实现一个有趣的围绕圆弧动画效果的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
2022-04-04
vue如何解决代码需要在dom渲染之后执行问题
这篇文章主要介绍了vue如何解决代码需要在dom渲染之后执行问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
2024-03-03
vue作用域插槽详解、slot、v-slot、slot-scope
这篇文章主要介绍了vue作用域插槽详解、slot、v-slot、slot-scope，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
2022-03-03