角4ルータ - ページが見つかりませんリダイレクトでエラーが発生しました

Question

私はかなり良い走っている角度4アプリを持っています。

私はHashLocationStrategyを使用していますが、私は自分のURLにハッシュを持つことから離れたいと思っています。

私のルータは次のようになり、今...

export const routes: Routes = [ 
    { 
    path: '', 
    component: TilesComponent 
    }, 
    { 
    path: 'profile/:urlUserName', 
    component: ProfileComponent 
    }, 
    { 
    path: 'forBusiness', 
    component: ForBusinessComponent 
    }, 
    { 
    path: 'login', 
    component: LoginPageComponent 
    }, 
    { 
    path: 'editTile/:urlUserName', 
    component: EditTileComponent, 
    canActivate: [AuthenticationService] 
    } 

]; 

export const appRoutingProviders: any[] = []; 

export const routing = RouterModule.forRoot(routes, { }); 

私はこのように生成された私の最初のページからのリンクを持っている設定...

routerLink="/forBusiness" 

それはこれにリダイレクト私はちょうどこのウルをドロップする場合は今のページ...

https://www.tilecase.com/forBusiness

lをブラウザに追加し、forBusinessページだけをロードしようとすると、「ページが見つかりません」というエラーが表示されます。

これを機能させるにはルートまたはページ設定に何をする必要がありますか？ LocationStrategy 1. HashLocationStrategyあなたのサーバーは、Apacheは、単にファイルを作成している場合PathLocationStrategy

があなたのroot-module

import {LocationStrategy, PathLocationStrategy} from '@angular/common' 

// add this in provider 
{ provide: LocationStrategy, useClass: PathLocationStrategy } 

でこれを追加する必要がある

2 PathLocationStrategyの2種類があり

Answer 1

.htaccessの名前を付けてこのデータを貼り付けます

<IfModule mod_rewrite.c> 
    Options Indexes FollowSymLinks 
    RewriteEngine On 
    RewriteBase /myappdirectory/ 
    RewriteRule ^index\.html$ - [L] 
    RewriteCond %{REQUEST_FILENAME} !-f 
    RewriteCond %{REQUEST_FILENAME} !-d 
    RewriteRule . /index.html [L] <--- get the index.html file path starting from public html folder 
</IfModule> 

更新コマンド

保存してからページを更新に応じて、最後の行。幸いにも、あなたのページには、IISサーバーの場合

このリンク

http://jasonwatmore.com/post/2017/02/24/angular-2-refresh-without-404-in-node-iis