Angular 4 routing --prod mode

Question

I've recently built an app using angular 4 in production flag --prod.

It gave me some static files in the dist folder and after that I've uploaded the dist files in AWS S3 bucket. It all went fine until I clicked refresh. While clicking refresh on other routes like /page1 or /page2 it is showing '404 not found' no such key error.

Am I doing anything wrong here? I know the problem exists because there is only one file (index.html) in the dist folder. But what about other routes?

How could I make other pages available even after refreshing the page.

Possible duplicate of [NGINX and Angular 2](https://stackoverflow.com/questions/38991541/nginx-and-angular-2) — Ashish Kadam, Jan 08 '18 at 13:00

score 0 · Answer 1 · answered Jan 08 '18 at 12:59

0

You must be configured NGINX for angular 2 routing.

Link

Check Answer this.

Hope so it helps you.

answered Jan 08 '18 at 12:59

Ashish Kadam

1,439
2
13
18

Jesus Vazquez · Answer 2 · 2020-07-04T16:36:04.500

0

You have to do define default routing in your app-route file and add the second parameter in RouterModule like that

@NgModule({
  imports: [RouterModule.forRoot(routes, { useHash: true })],
  exports: [RouterModule]
})

it's working for me

edited Jul 04 '20 at 16:36

answered Jul 04 '20 at 00:21

Jesus Vazquez

9
4

Angular 4 routing --prod mode

2 Answers2

Linked