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) })
 });