Web プロジェクトを war にパッケージ化するアイデアにとって最も重要なことは、アトリフィカを構成することです。 まずファイルを開く -> プロジェクト構造 作成後、出力ディレクトリは出力 war パッケージのパスになります。名前は何でも構いません。緑色の+をクリックしてディレクトリの内容を開きます。 Webアプリケーションディレクトリを選択し、プロジェクトビルドに含めることを忘れずにチェックしてください。 OKをクリックした後、新しい設定を作成します アーティファクトを選択 このように、設定が完了したら、実行をクリックして実行した後は、先ほどの出力ディレクトリに設定したフォルダー内の war パッケージを見つけるだけです。 war パッケージを tomcat の webapp ディレクトリに配置し、tomcat を起動してプロジェクトにアクセスします。 プロジェクトのアクセスアドレスはlocalhost:8080/warパッケージ名/インデックスです ここで言いたいのは、war パッケージの名前によってアクセス アドレスが決まるということなので、純粋な html+css+js を使用してページを作成する場合は、プロジェクト名 (つまり最終的な war パッケージ名) をページのリソース参照アドレスに追加することが最適であり、たとえば、js ファイルを参照する場合は次のようになります。
このとき、Ctrl キーを押しながらファイル パスの上にマウスを移動すると、クリック可能なプロンプトが表示されます。 ただし、プロジェクトが Tomcat にデプロイされると、war パッケージは、war パッケージという名前のフォルダーを追加することと同等になります。この時点で、元の参照では、ファイルが見つからないというメッセージが表示されます。この時点では、次のように参照する必要があります。
参照アドレスに .. が含まれる場合、例:
次のように変更する必要があります。
しかし、ここで問題が発生します。このように構成すると、Tomcat にデプロイしたときにファイルは見つかりますが、ローカルのアイデア開発で Tomcat デバッグを開始すると、ファイルは見つかりません。この時点で、アプリケーション コンテキストを構成して起動する必要があります。また、Tomcat にデプロイするときにファイル パスと一致していることを確認してください。そうすれば、Tomcat にデプロイするときにフロントエンド ページのアドレスを変更する必要はありません。 (jsp はルート パスを取得できるため、この問題を考慮する必要はありません)。 アプリケーション コンテキストが "/" だけの場合は、すべてのファイルを Tomcat の Web アプリケーションの下に配置して、localhost:8080/file を介して直接アクセスするのと同じです。 アイデアをWARパッケージにパッケージ化してTomcatにデプロイする方法と、アクセスパスの問題(画像とテキストによる詳細な説明)に関するこの記事はこれで終わりです。アイデアWARパッケージのTomcatへのデプロイに関するより関連性の高いコンテンツについては、123WORDPRESS.COMの以前の記事を検索するか、以下の関連記事を引き続き参照してください。今後とも123WORDPRESS.COMをよろしくお願いいたします。 以下もご興味があるかもしれません:
|
>>: MySQL 数千万のビッグデータに対するSQLクエリ最適化の知識ポイントのまとめ
証明書チェーンを生成するスクリプトを使用して、ルート証明書、中間証明書、および 3 つのクライアント...
コードをコピーコードは次のとおりです。 <!DOCTYPE html PUBLIC "...
1. タイプの導入1.1 ドメインベースの仮想ホスティングいわゆるドメイン名ベースの仮想ホストとは、...
1. MacにMySQLデータベースをインストールする1. MySQLデータベースをダウンロードする...
困り果てて、ふと、私がよく行くSinaのタッチスクリーン版はどうやって作られているのだろう?と考えま...
問題の説明 (環境: windows7、MySql8.0)今日、MySql をインストールした後、M...
目次スケルトンスクリーンの使用Vueアーキテクチャスケルトンスクリーンアイデアの概要抽象コンポーネン...
1. MySQLをダウンロードするMySQL 公式 Web サイトにログインし、MSI インストー...
まとめインタビュー中、MySQL インデックスの問題について議論しているときに、B+ ツリー、B ツ...
ログインインターフェースの解像度が特に大きい場合、グラフィカルインターフェース全体が特に大きくなり、...
まず効果図を見てみましょう: 完全なコードは添付されています <テンプレート> <...
序文この記事では、vue に付属している vue-router.js ルーティングを使用してページン...
この記事では、JavaScriptでカルーセルを実装するための具体的なコードを参考までに紹介します。...
これまで react.forwardRef は react の高階コンポーネントには適用できませんで...
この記事では、ショッピングカート決済機能を実現するためのVueの具体的なコードを例として紹介します。...