アイデアを war パッケージにパッケージ化し、tomcat にデプロイしてアクセス パスの問題 (図とテキスト)

アイデアを war パッケージにパッケージ化し、tomcat にデプロイしてアクセス パスの問題 (図とテキスト)

Web プロジェクトを war にパッケージ化するアイデアにとって最も重要なことは、アトリフィカを構成することです。

まずファイルを開く -> プロジェクト構造

作成後、出力ディレクトリは出力 war パッケージのパスになります。名前は何でも構いません。緑色の+をクリックしてディレクトリの内容を開きます。

Webアプリケーションディレクトリを選択し、プロジェクトビルドに含めることを忘れずにチェックしてください。

OKをクリックした後、新しい設定を作成します

アーティファクトを選択

このように、設定が完了したら、実行をクリックして実行した後は、先ほどの出力ディレクトリに設定したフォルダー内の war パッケージを見つけるだけです。 war パッケージを tomcat の webapp ディレクトリに配置し、tomcat を起動してプロジェクトにアクセスします。

プロジェクトのアクセスアドレスはlocalhost:8080/warパッケージ名/インデックスです

ここで言いたいのは、war パッケージの名前によってアクセス アドレスが決まるということなので、純粋な html+css+js を使用してページを作成する場合は、プロジェクト名 (つまり最終的な war パッケージ名) をページのリソース参照アドレスに追加することが最適であり、たとえば、js ファイルを参照する場合は次のようになります。

<link rel="スタイルシート" href="/layui/css/layui.css" media="すべて" />

このとき、Ctrl キーを押しながらファイル パスの上にマウスを移動すると、クリック可能なプロンプトが表示されます。

ただし、プロジェクトが Tomcat にデプロイされると、war パッケージは、war パッケージという名前のフォルダーを追加することと同等になります。この時点で、元の参照では、ファイルが見つからないというメッセージが表示されます。この時点では、次のように参照する必要があります。

<link rel="stylesheet" href="/war パッケージ名/layui/css/layui.css" media="all" />

参照アドレスに .. が含まれる場合、例:

<script type="text/javascript" src="../../page/user/editUser.js"></script>

次のように変更する必要があります。

<script type="text/javascript" src="../../war パッケージ名/backstage/page/user/editUser.js"></script>

しかし、ここで問題が発生します。このように構成すると、Tomcat にデプロイしたときにファイルは見つかりますが、ローカルのアイデア開発で Tomcat デバッグを開始すると、ファイルは見つかりません。この時点で、アプリケーション コンテキストを構成して起動する必要があります。また、Tomcat にデプロイするときにファイル パスと一致していることを確認してください。そうすれば、Tomcat にデプロイするときにフロントエンド ページのアドレスを変更する必要はありません。 (jsp はルート パスを取得できるため、この問題を考慮する必要はありません)。

アプリケーション コンテキストが "/" だけの場合は、すべてのファイルを Tomcat の Web アプリケーションの下に配置して、localhost:8080/file を介して直接アクセスするのと同じです。

アイデアをWARパッケージにパッケージ化してTomcatにデプロイする方法と、アクセスパスの問題(画像とテキストによる詳細な説明)に関するこの記事はこれで終わりです。アイデアWARパッケージのTomcatへのデプロイに関するより関連性の高いコンテンツについては、123WORDPRESS.COMの以前の記事を検索するか、以下の関連記事を引き続き参照してください。今後とも123WORDPRESS.COMをよろしくお願いいたします。

以下もご興味があるかもしれません:
  • イメージのパッケージ化とワンクリック展開を実現するためにDockerを組み合わせたアイデア
  • SpringBoot のパッケージ化と Docker へのアップロード、およびマルチインスタンス デプロイメントの実装に関する簡単な分析 (IDEA バージョン)
  • Intellij idea2020 で jar をパッケージ化する方法
  • idea によってパッケージ化された jar を実行すると、「XXX にメインのマニフェスト属性がありません」と報告されます。
  • アイデアプロジェクトをjarファイルにパッケージ化する完全な手順
  • 瓶をアイデアとともに梱包するさまざまな方法を詳しく説明
  • アイデアを通じてプロジェクトをDockerにパッケージ化する方法

<<:  ショッピングカートの計算を実現する js メソッド

>>:  MySQL 数千万のビッグデータに対するSQLクエリ最適化の知識ポイントのまとめ

推薦する

MySQL 8.0.18はデータベースにユーザーを追加し、権限を付与します

1. データベースにログインするには、rootユーザーを使用することをお勧めします。 mysql -...

ffmpeg 中国語パラメータの説明と使用例

1. ffmpeg がビデオ ファイルをプッシュする場合、オーディオとビデオのエンコード形式は H2...

Linux の MySQL 設定の変更が有効にならない問題の解決方法

背景AWS EC2 を使用するプロジェクトサービスがあります。セキュリティとパフォーマンスを考慮して...

Vue の element-ui コンポーネントのデフォルトの CSS スタイルを変更する 4 つの方法

目次序文1. グローバル統合オーバーライドを使用する2. .vueファイルを変更する3. コンポーネ...

Vueはルールを使用してフォームフィールドの検証を実装します

Vue でフォーム フィールドを記述および検証する方法は多数あります。このブログでは、より一般的に使...

element-plus でオンデマンドインポートとグローバルインポートを実装する方法

目次オンデマンドインポート:グローバルインポートオンデマンドインポート:プラグインをインストールする...

サラウンドリフレクションロード効果を実現するHTML+CSS

この記事では、主に html + css を使用してサラウンド リフレクション ローディング エフェ...

div の特定の実装は自動的に折り返されず、HTML で折り返されないよう強制されます。

1. 改行なしを実現するには<nobr>タグを使用するコードをコピーコードは次のとおりで...

FileZilla を使用して FTP ファイル サービスを素早く構築する方法

ファイルの保存とアクセスを容易にするために、FTPサービスが特別に構築されています。 FTP サーバ...

CSSで記事の区切り線のスタイルを実装するさまざまな方法のまとめ

この記事では、CSS で記事の区切り線を実装するさまざまな方法をまとめています。区切り線はページを美...

EChartsマルチチャート連携機能の実装プロセス

表示するデータが多い場合、1 つのチャートに表示しても効果はよくありません。このとき、2 つのチャー...

JavaScript の基礎: エラーキャプチャメカニズム

目次序文エラーオブジェクト投げる試して…捕まえて…最後に最終ルールトライ/キャッチパフォーマンスウィ...

Prometheus+Grafanaによるnginxの監視方法を分析する

目次1. ダウンロード2. nginxとnginx-vts-exporterをインストールする3. ...

spring-boot と docker-java に基づいて Docker コンテナの動的な管理と監視を実装します [完全なソース コードのダウンロード付き]

Docker入門Docker はオープンソースのアプリケーション コンテナ エンジンです。従来の仮...

フロントエンドの上級者向けコースでは、JavaScript のストレージ機能の使い方を学習します。

目次序文背景実施計画の考え方js ストレージ機能ソリューション設計やっと要約する序文どの SaaS ...