From 7f45d7c3ec7c624cecbe0ee3a06a5133d4b8b20a Mon Sep 17 00:00:00 2001
From: Adam Procter <adam.procter@soton.ac.uk>
Date: Wed, 14 Jul 2021 18:11:48 +0100
Subject: [PATCH] moved API call to an EventService.js
Now can be used every where and add in credentials
---
src/services/EventService.js | 16 ++++++++++++++++
src/views/Home.vue | 8 +++-----
2 files changed, 19 insertions(+), 5 deletions(-)
create mode 100644 src/services/EventService.js
diff --git a/src/services/EventService.js b/src/services/EventService.js
new file mode 100644
index 0000000..8aec304
--- /dev/null
+++ b/src/services/EventService.js
@@ -0,0 +1,16 @@
+import axios from 'axios'
+
+const apiClient = axios.create({
+ baseURL: 'https://api.kinopio.club',
+ withCredentials: false,
+ headers: {
+ Accept: 'application/json',
+ 'Content-Type': 'application/json',
+ },
+})
+
+export default {
+ getNewSpaces() {
+ return apiClient.get('/space/new-spaces')
+ },
+}
diff --git a/src/views/Home.vue b/src/views/Home.vue
index 37589c0..4a9c68a 100644
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
@@ -11,7 +11,7 @@
<script>
// @ is an alias to /src
import SampleComponent from '@/components/SampleComponent.vue'
-import axios from 'axios'
+import EventService from '@/services/EventService.js'
export default {
name: 'Home',
@@ -25,12 +25,10 @@ export default {
}
},
created() {
- // should split into base URL and then get
- axios
- .get('https://api.kinopio.club/space/new-spaces')
+ EventService.getNewSpaces()
.then((response) => {
this.new_spaces = response.data
- console.log('new_spaces:', response.data)
+ // console.log('new_spaces:', response.data)
})
.catch((error) => {
console.log(error)
--
GitLab