Pada artikel ini kita akan membuat sebuah global API endpoint terlebih dahulu, fungsi dari global api ini adalah untuk mendefinisikan alamat URL dari backend laravel yang akan kita gunakan. Keunggulan mendifinisikan global Api adalah ketika ada perubahan URL endpoint kita tidak perlu melakukan perubahan keseluruhan URL endpoint yang telah kita buat, cukup ubah di global Api nya saja.
Silahkan teman - teman buka terminalnya kemudian jalankan perintah berikut ini.
npm i axios @react-native-async-storage/async-storage
Setelah itu, silahkan teman - teman buat folder baru dengan nama api
di root folder project, kemudian buat file baru dengan nama index.ts
, selanjutnya masukan kode berikut ini.
index.ts
import axios from 'axios';
const api = axios.create({
baseURL: 'http://127.0.0.1:8000/api',
headers: {
"Accept": 'application/json',
"Content-Type": 'application/json'
},
withCredentials: true,
})
export default api;
Pada kode diatas, kita import Axios
terlebih dahulu.
index.ts
import axios from 'axios';
Kemudian, kita membuat sebuah instance dari axios
yang kita beri nama api
.
index.ts
const api = axios.create({
baseURL: 'http://127.0.0.1:8000/api',
headers: {
"Accept": 'application/json',
"Content-Type": 'application/json'
},
});
Terkahir kita export api
tersebut.
index.ts
export default api;