import axios from 'axios'

class ParcelApiClient {
  constructor (baseUrl) {
    this.client = axios.create({
      baseURL: baseUrl,
      headers: {'Accept': 'application/json'},
      timeout: 5000
    })
  }

  getLandUseCategories () {
    return this.client.get('/landusecategories')
  }

  /* /landuses/?address=My%20Addresss schema:
  {
    "zone": {"code", "category", "description"},
    "land_uses": [
      {"category", "name", "condition": {"code", "info_link", "description", "category"}}
    ]
  }

  */
  getLandUseSummaryForAddress (address) {
    return this.client.get('/landuses', { params: { address } })
  }
}

const APIROOT = process.env.NODE_ENV === 'production'
  ? ''
  : 'http://localhost:4000'

export default new ParcelApiClient(`${APIROOT}/api`)

import axios from 'axios'

class ParcelApiClient {
  constructor (baseUrl) {
    this.client = axios.create({
      baseURL: baseUrl,
      headers: {'Accept': 'application/json'},
      timeout: 5000
    })
  }

  getLandUseCategories () {
    return this.client.get('/landusecategories')
  }

  /* /landuses/?address=My%20Addresss schema:
  {
    "zone": {"code", "category", "description"},
    "land_uses": [
      {"category", "name", "condition": {"code", "info_link", "description", "category"}}
    ]
  }

  */
  getLandUseSummaryForAddress (address) {
    return this.client.get('/landuses', { params: { address } })
  }
}

export default new ParcelApiClient('/api')

--- 
+++ 
@@ -27,4 +27,8 @@
   }
 }
 
-export default new ParcelApiClient('/api')
+const APIROOT = process.env.NODE_ENV === 'production'
+  ? ''
+  : 'http://localhost:4000'
+
+export default new ParcelApiClient(`${APIROOT}/api`)
Set port to 4000 everywhere except production

This sets the API client port to 4000 everywhere except production.  The `process.env.NODE_ENV` is replaced by webpack with it's value during file processing, so can be used to change variables based on environments.
