Vue&axios的get和post方法封裝

命令行安裝相關:

npm install --save axios vue-axios qs

報錯的話用淘寶鏡像執行:
(淘寶鏡像安裝命令:npm install -g cnpm --registry=https://registry.npm.taobao.org)

 cnpm install --save axios vue-axios qs

在這裏插入圖片描述
代碼:
在main.js中添加如下

import axios from 'axios'
import Qs from 'qs'

Vue.prototype.baseUrl='http://kangjianyu.online/';
Vue.prototype.$get=function(api,data){  
  if (data === undefined) {
      data = {};
  }
  var ox = axios.get(this.baseUrl+api,{params:data});
	return ox;
}
Vue.prototype.$post=function(api,data){
  data = Qs.stringify(data);
  var ox = axios.post(this.baseUrl+api,data);
  return ox;
}

在這裏插入圖片描述
使用相關
然後全部頁面都可$符直接使用了
(括號的第一個傳地址,第二個參數花括號裏傳請求參數)

this.$get('',{}).then(res =>{
  console.log(res)
})
this.$post('', {}).then(res => {
  console.log(res)
})

在這裏插入圖片描述

發佈了37 篇原創文章 · 獲贊 9 · 訪問量 1萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章