vue中使用axios傳送ajax請求

阿阿阿阿丹發表於2018-12-14

一、下載安裝

npm install axios --save

二、匯入並在main.js中配置

import axios from 'axios'
//注意:axios不是vue直接提供的外掛,匯出時也沒有重寫install方法,因此不能直接使用Vue.use('axios')來全域性使用,可以將axios新增到Vue的原型上實現全域性使用;

Vue.prototype.$axios = axios;

三、在元件內使用

//axios的實現基於promise物件,請求也是非同步的,請求結果需要在then()方法中的回撥函式中獲取
this.$axios.get('請求地址').then(res=>{
    //請求的結果存放在返回結果的data屬性中
    console.log(res);
    console.log(res.data);
},err=>{
    console.log(error);
})

相關文章