Custom API Helper

Badaso menyediakan utilitas berbasis axios untuk pemanggilan api. Bedanya resource sudah menyisipkan header seperti authorization dan content-type. Berikut ini contoh pemanggilan api tersebut.

import Vue from 'vue'

Vue.prototype.$resource.get(url); /** equal axios.get(url) **/

Badaso juga mendukung untuk kustomisasi API helper. Blok di bawah ini adalah struktur direktori untuk menambahkan API helper baru.

Add an API Helper

  • Untuk menambahkan API helper, tambahkan ke direktori modules di direktori api.
📦 Your Project
┣ 📂 resources
┃ ┣ 📂 js
┃ ┃ ┣ 📂 badaso
┃ ┃ ┃ ┣ 📂 api
┃ ┃ ┃ ┃ ┗ 📜 example-api.js
  • Di bawah ini adalah contoh HTTP request method yang dapat Anda gunakan.
example(data = {}) {
  let ep = '/example';
  let qs = QueryString(data);
  let url = ep + qs;
  return Vue.prototype.$resource.get(url);
},
example(data) {
  return Vue.prototype.$resource.post('/example', data);
},
example(data) {
  return Vue.prototype.$resource.put('/example', data);
},
example(data) {
  return Vue.prototype.$resource.patch('/example', data);
},
example(data) {
  let paramData = {
    data: data,
  };
  return Vue.prototype.$resource.delete('/example', paramData);
},
  • Berikut adalah contoh penggunaan custom API helper.
$api.exampleApi.example(data)
this.$api.exampleApi.example(data)
Edit halaman ini di GitHub Diperbarui pada Tue, Jul 6, 2021