Trades base

.eslintrc.js

@@ -14,6 +14,7 @@ module.exports = {
   },
   rules: {
     'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
-    'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off'
+    'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
+
   }
 }

src/store/index.js

@@ -1,15 +1,18 @@
 import Vue from 'vue'
 import Vuex from 'vuex'
 
+import tradesModule from './modules/trades';
+
 Vue.use(Vuex)
 
 export default new Vuex.Store({
   state: {
   },
+  modules: {
+    trades: tradesModule
+  },
   mutations: {
   },
   actions: {
   },
-  modules: {
-  }
 })

src/store/modules/config.js

@@ -0,0 +1,5 @@
+const apiBase = '/api/v1/'
+
+module.exports(
+  apiBase
+)

src/store/modules/trades.js

@@ -0,0 +1,23 @@
+import axios from 'axios';
+
+const apiBase = require('./config.js')
+
+export default {
+  namespaced: true,
+  state: {
+    trades: [],
+
+  },
+  mutations: {
+    updateTrades(state, trades) {
+      state.trades = trades;
+    }
+  },
+  actions: {
+    getTrades({ commit }) {
+      axios.get(`${apiBase}/trades`)
+        .then((result) => commit('updateTrades', result.data))
+        .catch(console.error);
+    }
+  }
+};

vue.config.js

@@ -0,0 +1,10 @@
+module.exports = {
+  devServer: {
+    proxy: {
+      '/api': {
+        target: 'http://localhost:8081',
+        changeOrigin: true,
+      },
+    },
+  },
+};