vue-axios基本用法

廢話很少說，直接搞事搞事。

首先安裝axios：

1)：npm install

2)：npm install vue-axios --save

3)：npm install qs.js --save　　//它的做用是能把json格式的直接轉成data所需的格式

安裝成功後，在main.js頁面引用：

import Vue from 'vue'
import axios from 'axios'
import qs from 'qs'


Vue.prototype.$axios = axios    //全局註冊，使用方法爲:this.$axios
Vue.prototype.qs = qs           //全局註冊，使用方法爲:this.qs

最後開始使用請求：

<script>
    export default{
        data(){
            return{
                userId:666,
　　　　　　　　　 token:'',
            }
        },
        created(){
            this.$axios({
                method:'post',
                url:'api',
                data:this.qs.stringify({    //這裏是發送給後臺的數據
                      userId:this.userId,
                      token:this.token,
                })
            }).then((response) =>{          //這裏使用了ES6的語法
                console.log(response)       //請求成功返回的數據
            }).catch((error) =>{
                console.log(error)       //請求失敗返回的數據
            })
        }
    }
</script>

本文介紹的是axios的基本用法，詳細看官方文檔https://github.com/axios/axios

一個程序猿開了一個公衆號，喜歡的朋友能夠關注一下哦《時間的信箱》