Angularda link yapılarını app-routing.module.ts dosyasına girerek yapılandırmanızı yapalım modül veya componentli örneğini paylasıyorum

  {
title:'Hakkımzıda',

    path: 'about', loadChildren: () => import('src/app/components/about/about.module').then(m => m.AboutModule) },

//Componentli örneği yapınıza göre kullanırsınız
  {
    path: 'Hakkimizda',
    title: 'Hakkımızda ',
    component: HakkimizdaComponent,
    data: {
      layout: 'empty'
    },
    children: [
      { path: 'hakkimizda', loadChildren: () => import('src/app/components/hakkimizda/hakkimizda.component').then(m => m.HakkimizdaComponent) }
    ]
  },
// alttaki ngmodülde asağıdaki gibi olmalı
@NgModule({
  imports: [RouterModule.forRoot(routes)],
  exports: [RouterModule]
})

daha sonra app.module.ts sayfasına gidelim ve aşağıdaki kod örneği gibi düzenleyelim

  providers:  [{provide: LocationStrategy, useClass: PathLocationStrategy} ],

daha sonra Apache Sunucumunuzda .htaccess dosyası oluşturarak anadizine asağıdaki kodla birlikte gönderelim

<IfModule mod_rewrite.c>
  RewriteEngine On

  # Redirection of requests to index.html
  RewriteCond %{DOCUMENT_ROOT}%{REQUEST_URI} -f [OR]
  RewriteCond %{DOCUMENT_ROOT}%{REQUEST_URI} -d
  RewriteRule ^.*$ - [NC,L]
  RewriteRule ^(.*) index.html [NC,L]
</IfModule>