vue中使用axios的请求

矫情吗；* 2022-02-13 17:27 386阅读 0赞

## axios使用put请求方式 ##

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

--------------------

*2、get请求方式之前我写的博客：[axios使用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各司其职了][GET_POST_PUT_DELETE]  
[axios常见传参方式get/post/put/patch/delete][axios_get_post_put_patch_delete]

[GET_POST_PUT_DELETE]: https://blog.csdn.net/shangrila_kun/article/details/89053193
[axios_get]: https://blog.csdn.net/lyx9611/article/details/89605490
[axios_get_post_put_patch_delete]: https://blog.csdn.net/qq_31837621/article/details/80688854