[解決済み] Angular 2 パスが存在しない場合に404や他のパスにリダイレクトする方法 [重複]について
2022-05-13 07:02:39
質問
404をリダイレクトしようとしたところ
/
が存在しない場合、他のパスにリダイレクトしようとしていました。
私は研究を試してみましたangular 1のためのいくつかのメソッドがありますが、angular 2ではありません。
以下は私のコードです。
@RouteConfig([
{
path: '/news',
name: 'HackerList',
component: HackerListComponent,
useAsDefault: true
},
{
path: '/news/page/:page',
name: 'TopStoriesPage',
component: HackerListComponent
},
{
path: '/comments/:id',
name: 'CommentPage',
component: HackerCommentComponent
}
])
というわけで、例えば
/news/page/
を実行すると、空のページが返されます。このようなケースをどのように処理するのですか?
どのように解決するのですか?
バージョン2.2.2以降の場合
バージョン v2.2.2 以降の場合。
という名前
プロパティはもはや存在しないので、ルートを定義するのに使うべきではありません。
パス
の代わりに
名前
と
先頭のスラッシュがない
はパス上で必要です。この場合
path: '404'
の代わりに
path: '/404'
:
{path: '404', component: NotFoundComponent},
{path: '**', redirectTo: '/404'}
v2.2.2より古いバージョンの場合
を使うことができます。
{path: '/*path', redirectTo: ['redirectPathName']}
:
{path: '/home/...', name: 'Home', component: HomeComponent}
{path: '/', redirectTo: ['Home']},
{path: '/user/...', name: 'User', component: UserComponent},
{path: '/404', name: 'NotFound', component: NotFoundComponent},
{path: '/*path', redirectTo: ['NotFound']}
にリダイレクトします。
NotFound
というパスにリダイレクトします。
関連
-
[解決済み] 私のJavaScriptコードは "No 'Access-Control-Allow-Origin' header is present on requested resource "というエラーを受け取りますが、Postmanはそうならないのはなぜですか?
-
[解決済み] Facebookがブラウザに統合されたDeveloper Toolsを無効にする方法を教えてください。
-
[解決済み] Trelloはどのようにユーザーのクリップボードにアクセスするのですか?
-
[解決済み] 入力にフォーカスがあるかどうかをテストするためにjQueryを使用する
-
[解決済み] Angularでは、アクティブなルートをどのように決定するのですか?
-
[解決済み】Angular 2 beta.17:プロパティ 'map' がタイプ 'Observable<Response>' に存在しない。
-
[解決済み] JSのDateからDay名
-
[解決済み] selectタグのngModelの変更を検出する方法(Angular 2)?
-
[解決済み] node.js シェルコマンドの実行
-
[解決済み] WebP サポートの検出
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] JSのDateからDay名
-
[解決済み] selectタグのngModelの変更を検出する方法(Angular 2)?
-
[解決済み] リアクトのシャローコンパールはどのように機能するのか
-
[解決済み] jqueryで部分文字列を作成する方法
-
[解決済み] JavaScriptの関数の順番:なぜそれが重要なのか?
-
[解決済み] jQueryを使って、ターゲット要素のクリック座標を取得する方法
-
[解決済み] Javascriptでメールを送信する
-
[解決済み] マウスオーバー時のマウスカーソルをアンカーのようなスタイルに変更する
-
[解決済み] $.when.apply($, someArray)は何をするのですか?
-
[解決済み] ネストされたJSONオブジェクト - すべてに配列を使用しなければならないのか?