vue中使用axios的请求

为什么会出现一个接口请求两次？第一次是option，第二次是接口请求

问题：在vue项目中使用axios请求数据时，会多发一次类型为options的请求，

产生原因：发第一次是为了验证是否可以跨域

解决方案：在main.js中使用

axios.defaults.headers['Content-Type'] = 'application/x-www-form-urlencoded';

并接传递参数的时候，用

qs.stringify() 将数据处理一下

axios使用put请求方式

1、axios请求方式有哪些？
axios常见传参方式get、post、put、patch、delete
了解更多，点击链接去了解它们的用法：
为什么建议GET、POST、PUT、DELETE各司其职了

---

2、get请求方式之前我写的博客：axios使用get请求方式的用法

---

*3、为什么vue2.之后都使用axios？
我们都知道，vue有自己的交互管理机制，vue-resource。但是在vue2.*之后都不会对它维护了，然而我们不能因为没有维护了，就不维护了吧。推荐使用axios。axios的使用方式也相对简单。

---

4、在对axios配置的时候怎么配置的？
在我们的项目中,将axios下载下来：

$ cnpm install axios --save

打开main.js：

import axios from 'axios'
Vue.prototype.$ajax=axios;//修改Vue的原型属性

在使用的时，

this.$ajax.请求方式（get、put、post、patch、delete）

---

在本次项目中，我使用时用到的代码结构如下：

				  var formData=new FormData();//创建FormData的对象
			      formData.append('变量参数',变量值);
			    this.$ajax.put(//使用put请求方式
			        'url',     //请求的地址、接口
			         formData,{
			          'headers': {
			            'Content-Type': 'application/x-www-form-urlencoded'    //设置Content-Type的值
			          }
			        }).then(res => {
			        if(条件表达式){
				      //成功时
					}
			       //失败的情况逻辑代码
			    })
		

参考链接：
为什么建议GET、POST、PUT、DELETE各司其职了
axios常见传参方式get/post/put/patch/delete