[解決済み】Angular 2:ブラウザから更新すると404エラーが発生する【重複あり
質問
私はAngular 2の初心者です。私はシングルページのアプリケーションをサーバーの "myapp" という名前のフォルダに保存しています。ベースのURLを次のように変更しました。 http://example.com/myapp/` .
私のプロジェクトには2つのページがあります。そこで、Angular 2のルーティングを実装しました。私はデフォルトのページをログインとして設定しました。私がタイプするとき
http://example.com/myapp/
に自動的にリダイレクトされます。
http://example.com/myapp/login
. しかし、そのページをリフレッシュすると
404
というエラーが発生します。
http://example.com/myapp/login
が見つかりません。
しかし、ライトサーバーを使用してプロジェクトを実行すると、すべてがうまくいきます。この場合、index.htmlのベースURLは次のようになります。
"/"
. どうすれば直るのでしょうか?
どのように解決するのですか?
実際、ブラウザ内の実際のアドレスは更新されているので、アプリケーションを更新したときに404エラーが発生するのは正常です(# / hashbangのアプローチもありません)。Angular2では、デフォルトでHTML5の履歴が再利用されます。
404 エラーを修正するには、サーバーを更新して
index.html
ファイルを定義した各ルートパスに対して作成します。
HashBang方式に変更する場合は、この設定を使用する必要があります。
import {bootstrap} from 'angular2/platform/browser';
import {provide} from 'angular2/core';
import {ROUTER_PROVIDERS} from 'angular2/router';
import {LocationStrategy, HashLocationStrategy} from '@angular/common';
import {MyApp} from './myapp';
bootstrap(MyApp, [
ROUTER_PROVIDERS,
{provide: LocationStrategy, useClass: HashLocationStrategy}
]);
この場合、ページを更新すると再び表示される(ただし
#
をアドレスに追加してください)。
このリンクもお役に立てるかもしれません。 ウェブサイトを更新すると404が表示されます。これは、Angular2とfirebaseを使用した場合です。 .
お役に立てれば幸いです。 ティエリー
関連
-
[解決済み] Angular 2のコンポーネントプロパティにデフォルト値を設定する方法は?
-
[解決済み] NullInjectorError: MatDialogRef 用のプロバイダがありません
-
[解決済み] Angular2 Final Release - 「Error: AngularにはZone.jsのプロリフィルが必要です"
-
[解決済み] イオン4オブザーバブル
-
[解決済み] AngularのmatSortがソートされない
-
[解決済み] ReferenceError: localStorageが定義されていません。
-
[解決済み] ag-gridで「表示する行がありません」テキストをプログラムで変更するにはどうすればよいですか?
-
[解決済み] このメソッドをリファクタリングして、認知的複雑度を21から許容される15に下げます。リファクタリングして複雑さを軽減する方法
-
[解決済み] Angularで電話番号の入力をフォーマットする
-
[解決済み] Angular/RxJS `Subscription` からいつ退会すればいいのか?
最新
-
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 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】Angularのエラーです。NgModuleアノテーションを追加してください。
-
[解決済み】ngサーブが機能しない
-
[解決済み】「ルーター・アウトレット」は既知の要素ではない
-
[解決済み] Angular2 Router: Error: Cannot find primary outlet to load 'InboxComponent'.
-
[解決済み] Angular "未定義のプロパティ 'subscribe' を読み取ることができません".
-
[解決済み] ngForにフィルターをかけるには?
-
[解決済み] イオン4オブザーバブル
-
[解決済み] ionInputとionChangeで有意差あり
-
[解決済み] なぜ mat-tables matRowDef は 2 つの変数を含むのですか?
-
[解決済み] Angular 2.0のルーターがブラウザーの再読み込みで動作しない件