Angular file not found after deploy to server for route specific url

Question

My angular app works perfectly on my localhost:4200. Now I have deploy it to the server. The homepage looks okay. It redirect to error page due to invalid URL. The valid url of the page is this.

I get valid page if the url has pass two route params in my local but for some reason it is not working on live server.

const routes: Routes = [
  {
    path:":restaurantId/:mobileNo",
    component: LandingComponent,
  },
  {
    path:"",
    component: LandingComponent,
    canActivate: [AuthGuard]

  },
  {
    path:"error",
    component: ErrorComponent,
  },
];

index.html

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Freshii</title>
  <base href="/">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="icon" type="image/x-icon" href="favicon.ico">
</head>
<body>
  <app-root></app-root>
</body>
</html>

can you try with ng build --prod --base-href="http://dev.fobo.live" — Cagri Tacyildiz
– Cagri Tacyildiz, Commented Jun 12, 2020 at 10:44

Dewanshu · Accepted Answer · 2020-06-12 10:50:47Z

2

This is because you are trying to access the url directly and you server does not have any information about this rout. This rout is only recognised by your angular app. As i am not aware of your server configration now so i am not able to give you exact solution to fix it. But if its an apache you can create an htaccess file and add the onfigration to first come at index.html before throwing an error

answered Jun 12, 2020 at 10:50

Dewanshu

5343 silver badges19 bronze badges

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

6 Comments

Santosh Over a year ago

The files are hosted in AWS server.

Dewanshu Over a year ago

If it is in S3 and you are using S3 bucket as a hosting directory you can add a .htaccess file there. I am adding code to my answer

Santosh Over a year ago

its not s3. I think its normal ec2 . I just connect with my command and take pull and run build

Dewanshu Over a year ago

you need to check how it is hosted with Aws. There are options to re-rout to index.html. Try to implement and it should get resolved

Santosh Over a year ago

So the issues is not with my code right ? The issue is from server ?

|

Santosh · Accepted Answer · 2020-06-13 07:24:03Z

0

After this configuration made to this server ngix it is fix now.

answered Jun 13, 2020 at 7:24

Santosh

3,8875 gold badges47 silver badges90 bronze badges

Collectives™ on Stack Overflow

Angular file not found after deploy to server for route specific url

2 Answers 2

6 Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

6 Comments

Comments

Related