Question 22575 in SEO Question posted in
Some basic information to get you started with this can be found here.

Angular not able to load another routes – SEO

Trying to create a web application using Angular 11, I found a problem for routing:
When I navigate from initial route (

{ path: '', component: HomeComponent }

) to another routes everything is working as expected, but when I try to navigate the website from another route, the router redirects me to initial route.
I am not able to send a link from my web application (other than ”) to another person, because the router redirects to ” (home) route.

Example:

const routes : Routes = [
  { path: '', component: HomeComponent },
  { path: 'product/:id', component: ProductComponent }
];

From https://localhost:4200, when I access https://localhost:4200/product/14 works fine,
but when I try to access directly https://localhost:4200/product/14 I will be redirected to https://localhost:4200

How can i configure my angular application to be able to accept any initial route?

Tags:

2

Answers


  1. 0

    Try adding this:

    const routes : Routes = [
  { path: '', 
    component: HomeComponent,
    pathMatch: 'full'
  },
  { path: 'product/:id', component: ProductComponent }
];
    Login or Signup to reply.
  2. 0

    Try changing it to –

    const routes : Routes = [
  { path: 'home', 
    component: HomeComponent
  },
  { path: 'product/:id', component: ProductComponent },
  { path: '', 
    redirectTo: '/home',
    pathMatch: 'full'
  },
];
    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search