From 8e637385973b60a471b7fbbefa4aef153c2aaf7b Mon Sep 17 00:00:00 2001
From: Bachir Soussi Chiadmi <bachir@figureslibres.io>
Date: Tue, 14 Jul 2020 18:11:13 +0200
Subject: [PATCH] using app_env to define the api path

---
 build/webpack.config.dev.js  |  5 ++++-
 build/webpack.config.prod.js |  4 ++++
 src/api/rest-axios.js        | 12 +++++++++++-
 src/index.js                 |  2 ++
 4 files changed, 21 insertions(+), 2 deletions(-)

diff --git a/build/webpack.config.dev.js b/build/webpack.config.dev.js
index 44c1bf5..9da70f9 100644
--- a/build/webpack.config.dev.js
+++ b/build/webpack.config.dev.js
@@ -58,6 +58,9 @@ module.exports = merge(baseConfig, {
   },
 
   plugins: [
-    new webpack.HotModuleReplacementPlugin()
+    new webpack.HotModuleReplacementPlugin(),
+    new webpack.DefinePlugin({
+      "process.env": "'dev'"
+    })
   ]
 })
diff --git a/build/webpack.config.prod.js b/build/webpack.config.prod.js
index d30f3d8..09bc515 100644
--- a/build/webpack.config.prod.js
+++ b/build/webpack.config.prod.js
@@ -1,5 +1,6 @@
 'use strict'
 
+const webpack = require('webpack')
 const merge = require('webpack-merge')
 const baseConfig = require('./webpack.config.base')
 const MiniCssExtractPlugin  = require('mini-css-extract-plugin')
@@ -38,6 +39,9 @@ module.exports = merge(baseConfig, {
   plugins: [
     new MiniCssExtractPlugin({
       filename: 'main.css'
+    }),
+    new webpack.DefinePlugin({
+      "process.env": "'dev'"
     })
   ]
 })
diff --git a/src/api/rest-axios.js b/src/api/rest-axios.js
index 06583b3..e22e581 100644
--- a/src/api/rest-axios.js
+++ b/src/api/rest-axios.js
@@ -1,9 +1,19 @@
 import axios from 'axios'
 
 // TODO: make this one as settings (or find an other solution)
-let path = 'http://' + window.location.hostname + ':8984'
+// https://dev.to/sanfra1407/how-to-use-env-file-in-javascript-applications-with-webpack-18df
+// switch (app_env) {
+//   case 'dev':
+//     let path = `http://${window.location.hostname}:8984`
+//     break;
+//   case 'prod':
+//     let path = `http://${window.location.hostname}/api`
+//     break;
+// }
 // let path = 'http://dev.api.gdp.fr'
 // let path = 'http://localhost:8984'
+// const
+let path = 'http://' + window.location.hostname + (window.env === 'prod' ? '/api' : ':8984')
 
 export const REST = axios.create({
   baseURL: path,
diff --git a/src/index.js b/src/index.js
index 43c765c..95ce619 100644
--- a/src/index.js
+++ b/src/index.js
@@ -30,6 +30,8 @@ Vue.use(InfiniteLoading, {
 
 Vue.use(VueScrollTo)
 
+window.env = process.env
+
 // sync(store, router) // done. Returns an unsync callback fn
 
 new Vue({