Nginx routing issue with angular 4

Question

Can someone solve Nginx routing issue my conf file has the following location section

  location /pages {
     alias /path/to/dist/folder
     index index.html;
   }

when I am hitting http://example.com/pages, I am getting http:example.com/pages/home page as per angular 4 routing, but when I directly hit http:example.com/pages/home -its throwing bad request 502

MichaelSolati · Accepted Answer · 2017-06-20 12:31:51Z

2

Try the following redirection of routes to the index.html

index index.html;

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

answered Jun 20, 2017 at 12:31

MichaelSolati

2,8721 gold badge19 silver badges30 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Arpit Kumar Over a year ago

It will redirect each and every request to the index.html page, then how can I know for which page the user has requested originally?

MichaelSolati Over a year ago

The path stays the same, it's just what is served that will always be the index.html. That way any routing you defined in your app will pick up and handle what the user wanted to navigate to.

Arpit Kumar Over a year ago

Can you please have a look at this question stackoverflow.com/questions/49332924/angular-5-routing-issue

Collectives™ on Stack Overflow

Nginx routing issue with angular 4

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related