Vue之axios發送ajax請求

Vue之axios發送ajax請求

axios中文網

安裝

npm install --save axios vue-axios

main.js里引入

方法一：不推薦

import aixos from 'axios'

// 在vue的全局變量中設置了$axios=axios
// 以后每個組件使用時：this.$axios
Vue.prototype.$ajax= axios

 

方法二：

看了vue-axios的源碼，它是按照vue插件的方式去寫的。那么結合vue-axios，就可以去使用vue.use方法了

import Vue from 'vue'
import axios from 'axios'
import VueAxios from 'vue-axios'

Vue.use(VueAxios, axios)

你可以按照以下方式使用:

Vue.axios.get(api).then((response) => {
  console.log(response.data)
}).catch((response) => {
  // then是請求成功返回的內容，catch是請求失敗返回的內容
})

this.axios.get(api).then((response) => {
  console.log(response.data)
})