We have an enterprise app that uses Angular 2 for the client. Each of our customers has their own unique url, ex: https://our.app.com/customer-one and https://our.app.com/customer-two. Currently we are able to set the <base href...> dynamically using document.location. So user hits https://our.app.com/customer-two and <base href...> gets set to /customer-two...perfect! The problem is if the user is for example at https://our.app.com/customer-two/another-page and they refresh the page or try to hit that url directly, the <base href...> gets set to /customer-two/another-page and the resources can't be found. We've tried the following to no avail: <!doctype html> <html> <head> <script type='text/javascript'> var base = document.location.pathname.split('/')[1]; document.write('<base href="/' + base + '" />'); </script> ... Unfortunately we are fresh out of ideas. Any help would be amazing. Continue reading...
