Springboot / Angular2-HTML5のURLを処理する方法

フェリペS.:

これは簡単な質問だと思いますが、答えを見つけることができなかったか、少なくとも検索で正しい用語を使用できませんでした。

私は一緒にセットアップしAngular2Springbootいます。デフォルトでAngularlocalhost:8080\dashboardやなどのパスを使用しますlocalhost:8080\dashboard\detail

可能であれば、パスをハッシュとして使用しないようにします。Angularのドキュメントでは、

ルーターのprovideRouter関数は、LocationStrategyをPathLocationStrategyに設定し、それをデフォルトの戦略にします。必要に応じて、ブートストラッププロセス中にオーバーライドしてHashLocationStrategyに切り替えることができます。

その後...

ほとんどすべてのAngular 2プロジェクトは、デフォルトのHTML 5スタイルを使用する必要があります。ユーザーが理解しやすいURLを生成します。また、後でサーバー側レンダリングを実行するオプションも保持されます。

問題は、にアクセスしようとするとlocalhost:8080\dashboard、Springがこのパスにマッピングされているコントローラーを探してしまうことです。

Whitelabel Error Page
There was an unexpected error (type=Not Found, status=404).
No message available

私は当初、すべてのサービスをアンダーにlocalhost:8080\api、すべての静的をアンダーにすると考えましたlocalhost:8080\appしかし、このappパスへのリクエストを無視するようにSpringに指示するにはどうすればよいですか?

Angular2またはBootのいずれかを使用したより良いソリューションはありますか?

AndroidLover:

私はあなたのための解決策を持っています、あなたはViewControllerSpring bootからAngularにリクエストを転送するために追加できます。

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;

@Controller
public class ViewController {

@RequestMapping({ "/bikes", "/milages", "/gallery", "/tracks", "/tracks/{id:\\w+}", "/location", "/about", "/tests","/tests/new","/tests/**","/questions","/answers" })
   public String index() {
       return "forward:/index.html";
   }
}

ここですべてのangular2をリダイレクトしました( "/ bikes"、 "/ milages"、 "/ gallery"、 "/ tracks"、 "/ tracks / {id:\ w +}"、 "/ location"、 "/ about"、 "/ tests"、 "/ tests / new"、 "/ tests / **"、 "/ questions"、 "/ answers")をSPAに送信する予測に対して同じことを行うことができ、404エラーページをリダイレクトすることもできます次のステップとして、インデックスページに移動します。楽しい!

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

Springboot / Angular2-HTML5のURLを処理する方法

分類Dev

SpringBootとAngular2でのURL処理に関する問題

分類Dev

同じサーバー上のSpringBoot + Angular2

分類Dev

Angular2とSpringBoot-戦争への展開

分類Dev

同じサーバー上のSpringBoot + Angular2

分類Dev

Angular2 / SpringBootはPUTでクロスオリジンを許可します

分類Dev

どのようにSpringBootとAngular2とセットアップ構造へ?

分類Dev

SpringBootプロジェクトへのAngular2 RESTAPI呼び出し

分類Dev

Angular2で404を処理する

分類Dev

Angular2とSpringBoot。フロントエンドにサービスを提供する方法は?

分類Dev

SpringBootでJSONオブジェクトのangularのputリクエストを処理する方法は?

分類Dev

Angular2でnet :: ERR_CONNECTION_REFUSEDを処理する方法

分類Dev

Angular2日付パイプの値を処理する方法はnullです

分類Dev

Angular2のFancybox

分類Dev

Angular2のjQueryTreetable

分類Dev

Angular2:非同期画像(blob)リクエストを処理する方法は?

分類Dev

Angular2 +配列の配列を反復処理します

分類Dev

HTML5の日付入力をAngular2の日付と比較します

分類Dev

Angular2でPromiseを拒否するときの未処理のPromise拒否

分類Dev

SpringBoot 2-OncePerRequestFilter-コントローラーの処理後に応答ヘッダーを変更する

分類Dev

Angular2が動的な複数のHTTPリクエストを処理するのを待つ方法は?

分類Dev

springboot + angular2デプロイメント

分類Dev

チェックボックスAngular2の変更を処理する

分類Dev

Angular2 HTML5テンプレート内にlocalStorage値を表示する方法は?

分類Dev

保存モード中にHtml5要素をangular2ソースコードにバインドする方法

分類Dev

Angular2 add HTML to dynamic elements

分類Dev

How to manipulate HTML elements in Angular2

分類Dev

Angular2テストHTML

分類Dev

SpringBoot-Angular 5-CSRF

Related 関連記事

  1. 1

    Springboot / Angular2-HTML5のURLを処理する方法

  2. 2

    SpringBootとAngular2でのURL処理に関する問題

  3. 3

    同じサーバー上のSpringBoot + Angular2

  4. 4

    Angular2とSpringBoot-戦争への展開

  5. 5

    同じサーバー上のSpringBoot + Angular2

  6. 6

    Angular2 / SpringBootはPUTでクロスオリジンを許可します

  7. 7

    どのようにSpringBootとAngular2とセットアップ構造へ?

  8. 8

    SpringBootプロジェクトへのAngular2 RESTAPI呼び出し

  9. 9

    Angular2で404を処理する

  10. 10

    Angular2とSpringBoot。フロントエンドにサービスを提供する方法は?

  11. 11

    SpringBootでJSONオブジェクトのangularのputリクエストを処理する方法は?

  12. 12

    Angular2でnet :: ERR_CONNECTION_REFUSEDを処理する方法

  13. 13

    Angular2日付パイプの値を処理する方法はnullです

  14. 14

    Angular2のFancybox

  15. 15

    Angular2のjQueryTreetable

  16. 16

    Angular2:非同期画像(blob)リクエストを処理する方法は?

  17. 17

    Angular2 +配列の配列を反復処理します

  18. 18

    HTML5の日付入力をAngular2の日付と比較します

  19. 19

    Angular2でPromiseを拒否するときの未処理のPromise拒否

  20. 20

    SpringBoot 2-OncePerRequestFilter-コントローラーの処理後に応答ヘッダーを変更する

  21. 21

    Angular2が動的な複数のHTTPリクエストを処理するのを待つ方法は?

  22. 22

    springboot + angular2デプロイメント

  23. 23

    チェックボックスAngular2の変更を処理する

  24. 24

    Angular2 HTML5テンプレート内にlocalStorage値を表示する方法は?

  25. 25

    保存モード中にHtml5要素をangular2ソースコードにバインドする方法

  26. 26

    Angular2 add HTML to dynamic elements

  27. 27

    How to manipulate HTML elements in Angular2

  28. 28

    Angular2テストHTML

  29. 29

    SpringBoot-Angular 5-CSRF

ホットタグ

アーカイブ