vue使用axios访问后台接口

链接1:https://segmentfault.com/a/1190000012635783#item-2    // axios 使用post方式传递参数,后端接受不到,怎么解决

链接2:https://blog.csdn.net/weixin_43851769/article/details/86505164  //vue使用qs库插件
链接3:https://blog.csdn.net/itrytellyou/article/details/79237922   //对于axios.post的前后台的参数传递问题

1,jquery在执行post请求时,会设置Content-Type默认为表单form格式,而使用原生ajax、axios请求时,默认是text/plain,因此不修改值的话后台只接收有问题的!!!

2,get请求的所带的数据会拼接到url上,而url的长度是受限制的(不同的浏览器,情况可能不一样)。 但是当数据量特别大的时候,get请求显然就不可以了,所以应当用post请求更合适

3,查询字符串(URL参数)是指在URL的末尾加上用于向服务器发送信息的字符串(变量)。将“?”放在URL的末尾,然后再加上“参数=值”,想加上多个参数的话,使用“&”。以这个形式,可以将想要发送给服务器的数据添加到URL中。

 

axios的get请求方式:


 return new Promise((resolve, reject) =>{        
        axios.get(url, {            
            params: params        
        }).then(res => {
            resolve(res.data);
        }).catch(err =>{
            reject(err.data)        
    })    

});

 

axios的post请求方式:
return new Promise((resolve, reject) => { 
    axios.post(url, QS.stringify(params)) .then(res => {
    resolve(res.data); }) .catch(err =>{
    reject(err.data) })
});

 

 
posted @ 2019-12-16 15:38  千里之外kb  阅读(2764)  评论(0编辑  收藏  举报