Support running in subdirectory with base_path config

js/forum/src/initializers/boot.js

@@ -45,8 +45,13 @@ export default function boot(app) {
   app.modal = m.mount(document.getElementById('modal'), ModalManager.component());
   app.alerts = m.mount(document.getElementById('alerts'), AlertManager.component());
 
+  const basePath = app.forum.attribute('basePath');
   m.route.mode = 'pathname';
-  m.route(document.getElementById('content'), '/', mapRoutes(app.routes));
+  m.route(
+    document.getElementById('content'),
+    basePath + '/',
+    mapRoutes(app.routes, basePath)
+  );
 
   m.endComputation();
 

js/lib/App.js

@@ -254,8 +254,9 @@ export default class App {
   route(name, params = {}) {
     const url = this.routes[name].path.replace(/:([^\/]+)/g, (m, key) => extract(params, key));
     const queryString = m.route.buildQueryString(params);
+    const prefix = m.route.mode === 'pathname' ? app.forum.attribute('basePath') : '';
 
-    return url + (queryString ? '?' + queryString : '');
+    return prefix + url + (queryString ? '?' + queryString : '');
   }
 
   /**

js/lib/utils/mapRoutes.js

@@ -4,9 +4,10 @@
  *
  * @see https://lhorie.github.io/mithril/mithril.route.html#defining-routes
  * @param {Object} routes
+ * @param {String} [basePath]
  * @return {Object}
  */
-export default function mapRoutes(routes) {
+export default function mapRoutes(routes, basePath = '') {
   const map = {};
 
   for (const key in routes) {
@@ -14,7 +15,7 @@ export default function mapRoutes(routes) {
 
     if (route.component) route.component.props.routeName = key;
 
-    map[route.path] = route.component;
+    map[basePath + route.path] = route.component;
   }
 
   return map;