angular routes not directly accessible in nginx

Question

Here's the deal: I set up the simplest nginx configuration for practicing angular and I configured the routeProvider to use html5mode. So far, so good! I set the base to '/', my links to /view1 and /view2 works fine, but only when I click these links in my index page. When I try to access them directly in the browser (or reload the page), nginx returns me a 403 forbidden. That's a simple configuration but I can't find a simple explanation about it :(

I want to set things up in a way that any route works fine without have to explicitly set it (one by one) in my nginx site.conf. By the way, permissions are good !

Here's the actual conf file:

server {
    listen  *:80;
    server_name rbs.ang;
    root    /_dev/angularjs/app;
    index   index.html;
    charset UTF-8;

    location / {
        expires -1;
        add_header  Pragma "no-cache";
        add_header  Cache-Control "no-store, no-cache, must-revalidate, post-check=0, pre-check=0";
        try_files   $uri $uri/ index.html;
   }
}

You probably need to configure your server to redirect any request after / to index.html — Wawy, Jun 12 '15 at 16:29
As @Wawy, said just add a rule to nginx that when any request to `/*` is made, nginx has to serve index.html. AngularJS will take care of the rest — pgrodrigues, Jun 12 '15 at 16:45
I just added a rule, but no luck, maybe I´m doing something wrong, can you please help me with this rule ? — Ricardo Schalch, Jun 12 '15 at 17:09
Try `try_files $uri /$uri /index.html` Note the forward slash before `index.html` — allienx, Jun 12 '15 at 17:37
@allienx Please make an answer since it is difficult to see the answers from comments. — bhantol, Jan 23 '18 at 15:37
The solution for this is [here](https://stackoverflow.com/questions/38991541/nginx-and-angular-2). For me the Tyler Berry solution works. — Filipe Luchini, Feb 02 '18 at 22:10

score 1 · Answer 1 · answered Jul 11 '18 at 07:48

1

You need to configure a fallback route on your server to serve index.html file when a route is not matched. This works:

location / {
    try_files $uri $uri/ /index.html?$query_string;
}

answered Jul 11 '18 at 07:48

Rahul Kumar

469
5
10

for spa not working – Oleksandr Yefymov Sep 27 '22 at 13:28

angular routes not directly accessible in nginx

1 Answers1