diff --git a/frontend/src/components/MapComponent.vue b/frontend/src/components/MapComponent.vue index a2fb4bb..cba754a 100644 --- a/frontend/src/components/MapComponent.vue +++ b/frontend/src/components/MapComponent.vue @@ -33,8 +33,6 @@ export default { })); window.addEventListener('load', () => { - console.log("window loaded"); - map.value.addSource('countries', { 'type': 'vector', "tiles": [`https://api.mapbox.com/v4/ghermant.aq1p7k29/{z}/{x}/{y}.mvt?access_token=${apiKey}`] diff --git a/frontend/src/components/OverviewScreen.vue b/frontend/src/components/OverviewScreen.vue index c52e01f..9e1859f 100644 --- a/frontend/src/components/OverviewScreen.vue +++ b/frontend/src/components/OverviewScreen.vue @@ -3,7 +3,9 @@ - + + + @@ -12,7 +14,25 @@ import MapComponent from "./MapComponent.vue"; export default { name: "overview-screen", - components: { MapComponent } + components: { MapComponent }, + data() { + return { + items: [] + } + }, + methods: { + fetchItems() { + const baseURL = "http://localhost:8080/api/v1" + + fetch(`${baseURL}/items/`) + .then(res => res.json()) + .then(data => this.items = data) + .catch((e) => console.log(e)) + } + }, + created() { + this.fetchItems() + }, } diff --git a/frontend/vue.config.js b/frontend/vue.config.js new file mode 100644 index 0000000..cfa0f35 --- /dev/null +++ b/frontend/vue.config.js @@ -0,0 +1,5 @@ +module.exports = { + devServer: { + proxy: 'http://loc-geodata.lan/', + } +} \ No newline at end of file