本篇文章為大家展示了怎么在Vue中利用axios實(shí)現(xiàn)一個(gè)options請(qǐng)求，內(nèi)容簡明扼要并且容易理解，絕對(duì)能使你眼前一亮，通過這篇文章的詳細(xì)介紹希望你能有所收獲。

創(chuàng)新互聯(lián)公司"三網(wǎng)合一"的企業(yè)建站思路。企業(yè)可建設(shè)擁有電腦版、微信版、手機(jī)版的企業(yè)網(wǎng)站。實(shí)現(xiàn)跨屏營銷，產(chǎn)品發(fā)布一步更新，電腦網(wǎng)絡(luò)+移動(dòng)網(wǎng)絡(luò)一網(wǎng)打盡，滿足企業(yè)的營銷需求！創(chuàng)新互聯(lián)公司具備承接各種類型的成都網(wǎng)站設(shè)計(jì)、做網(wǎng)站項(xiàng)目的能力。經(jīng)過10多年的努力的開拓，為不同行業(yè)的企事業(yè)單位提供了優(yōu)質(zhì)的服務(wù)，并獲得了客戶的一致好評(píng)。

前端代碼

  
  
  
  
  
  



  
  
    
用戶名: 
    
    
密　碼: 
    
    

  

php接口代碼

 1, "code" => 101, "data" => array("username" => $username, "password" => $password));  
  
  }else{
    $result = array("success" => 0, "code" => 103, "data" => null);
  }
  
}else{
  $result = array("success" => 0, "code" => 100, "data" => null);
}
// 將錯(cuò)誤信息(數(shù)組)轉(zhuǎn)換成json類型,返回前端
echo(json_encode($result));
?>

結(jié)果：運(yùn)行失敗，無法獲取響應(yīng)數(shù)據(jù)

2.解決：

方法Ⅰ.引入qs模塊處理數(shù)據(jù):修改上面的html代碼

  
  
  
  
  
  
  
  



  
  
    
用戶名: 
    
    
密　碼: 
    
    

  

方法Ⅱ.后端開放options請(qǐng)求跨域，并用對(duì)應(yīng)的方法獲取options提交的復(fù)雜數(shù)據(jù)

 1, "code" => 101, "data" => array("username" => $username, "password" => $password));  
  
  }else{
    $result = array("success" => 0, "code" => 103, "data" => null);
  }
  
}else{
  $result = array("success" => 0, "code" => 100, "data" => null);
}
// 將錯(cuò)誤信息(數(shù)組)轉(zhuǎn)換成json類型,返回前端
echo(json_encode($result));
?>

小結(jié)：：

Ⅰ.個(gè)人是比較傾向于由后端來解決（前端還要引入qs插件，沒什么必要）

Ⅱ.在vue里面使用qs的步驟

?qs是一個(gè)npm倉庫所管理的包,可通過npm install qs命令進(jìn)行安裝.

qs.parse()將URL解析成對(duì)象的形式

qs.stringify()將對(duì)象 序列化成URL的形式，以&進(jìn)行拼接（我們大都用到這個(gè)）

?在全局main.js里引入qs并配置方法到原型上

import qs from 'qs';
Vue.prototype.$qs = qs;

上述內(nèi)容就是怎么在Vue中利用axios實(shí)現(xiàn)一個(gè)options請(qǐng)求，你們學(xué)到知識(shí)或技能了嗎？如果還想學(xué)到更多技能或者豐富自己的知識(shí)儲(chǔ)備，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

當(dāng)前文章：怎么在Vue中利用axios實(shí)現(xiàn)一個(gè)options請(qǐng)求-創(chuàng)新互聯(lián)
URL地址：http://weahome.cn/article/djhehd.html