Currently, I have set up an angular application that is being served locally through Apache. The configuration in my vhosts.conf file looks like this:
<VirtualHost *:80>
ServerName my.app.com
DirectoryIndex index.html
DocumentRoot /export/www/app
<Directory "/export/www/app">
order allow,deny
allow from all
RewriteEngine on
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule ^(.*)$ index.html/$1 [L]
</Directory>
</VirtualHost>
Initially, when accessing the root of the app, everything loads perfectly fine. Navigating within the app to my.app.com/some/location works smoothly as well.
However, if I try to reload the page at that specific location, a 404 error occurs. To return to my desired point, I must either go back to the root and navigate again or manually input my.app.com/#/some/location in the URL bar.
I have attempted to modify my rewrite rule like so:
RewriteRule ^(.*)$ index.html/#/$1 [L]
If anyone has any suggestions or solutions on how I can achieve this without requiring the hash for reloading routes, it would be greatly appreciated. Thank you!