Vue使用AJAX獲取數據——用Axios

安裝Axios

  • cd到項目
  • 用cnpm安裝
# cnpm install axios -S
安裝完成
  • 在main.js引用
import axios from 'axios'
Vue.prototype.$ajax=axios;

main.js

使用

  • 我們在一個頁面試試,就在附近的頁面吧,我們用這個接口
接口
  • 在Near.vue中,用mounted鉤子執行這個ajax:
mounted(){
          this.$ajax({
            method:'GET',
            url:'http://api.clubunion.cn/Wechat/Token/getJssdkTicket',
            headers:{
              'Accept': '*/*',
              'Content-Type': 'application/x-www-form-urlencoded'
            }
          }).then(function (response) {
            console.log(response)
          })
        }

截圖

成功打印出結果

結束

var author = {
  name:'丁波',
  GitHub:'dingbo1028',
  University:'BNUZ'
}
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容