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

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