nginx send all requests to a single html page

Question

Using nginx  I want to preserve the url  but actually load the same page no matter what   I will use the url with History getState   to route the requests in my javascript app   It seems like it should be a simple thing to do   location         rewrite      base html break      works  but redirects the url   I still need the url  I just want to always use the same page

User · Answer

Your original rewrite should almost work. I'm not sure why it would be redirecting, but I think what you really want is just

rewrite ^ /base.html break;

You should be able to put that in a location or directly in the server.

User · Answer

This worked for me   location         alias  path to my indexfile       try files  uri  index html      This allowed me to create a catch-all URL for a javascript single-page app   All static files like css  fonts  and javascript built by npm run build  will be found if they are in the same directory as index html      If the static files were in another directory  for some reason  you d also need something like     Static pages generated by  npm run build  location     css    fonts    semantic    static        alias  path to my staticfiles

User · Answer

I think this will do it for you   location         try files  base html  404

User · Answer

Using just try files didn t work for me - it caused a rewrite or internal redirection cycle error in my logs   The Nginx docs had some additional details   http   nginx org en docs http ngx http core module html try files  So I ended up using the following   root  var www mysite   location         try files  uri  base html     location    base html       expires 30s

User · Answer

The correct way would be   location         rewrite      base html last      Using last will make nginx find a new suitable location block according to the result of rewriting   try files is also a perfectly valid approach to this problem

User · Answer

This worked for me   location         try files  uri  uri   base html

[javascript] nginx: send all requests to a single html page

Examples related to javascript

Examples related to nginx

Examples related to history