basepath config as singleton

src/actions/config.js

@@ -2,6 +2,7 @@ import yaml from 'js-yaml';
 import { currentBackend } from '../backends/backend';
 import { authenticate } from '../actions/auth';
 import * as MediaProxy from '../valueObjects/MediaProxy';
+import basePath from '../routing/basePath';
 
 export const CONFIG_REQUEST = 'CONFIG_REQUEST';
 export const CONFIG_SUCCESS = 'CONFIG_SUCCESS';
@@ -43,7 +44,7 @@ export function loadConfig(config) {
   return (dispatch, getState) => {
     dispatch(configLoading());
 
-    fetch('/config.yml').then((response) => {
+    fetch(`${basePath}/config.yml`).then((response) => {
       if (response.status !== 200) {
         throw `Failed to load config.yml (${response.status})`;
       }

src/routing/basePath.js

@@ -0,0 +1,10 @@
+const base = document.querySelector('base');
+
+let basePath;
+if (base && base.href) {
+  basePath = base.attributes.getNamedItem('href').value;
+} else {
+  basePath = '';
+}
+
+export default basePath;

src/routing/history.js

@@ -1,10 +1,10 @@
 import { createHistory } from 'history';
 import { useRouterHistory } from 'react-router';
 import { syncHistoryWithStore } from 'react-router-redux';
+import basePath from './basePath';
 
-const base = document.querySelector('base');
 let history = useRouterHistory(createHistory)({
-  basename: base && base.href || ''
+  basename: basePath
 });
 
 const syncHistory = (store) => {