まず、jdk と Tomcat がコンピュータにインストールされており、正しくインストールされていることを確認します。
jdkのダウンロードとインストールのチュートリアル(win10)
Tomcat 9.0 のインストールと構成のチュートリアル (win10 システム)
Vue プロジェクトは、npm runserve を通じて VScode で通常どおり実行できます。
パッケージ化して Tomcat にデプロイする手順は次のとおりです。
1. vue プロジェクトの vue.config.js ファイル内の module.exports によってエクスポートされたオブジェクトに publicPath: './' 構成アイテムを追加します。
2.vueプロジェクトのrouterフォルダー配下のindex.jsに設定項目base:「/フォルダー名/」を追加します(フォルダー名は任意に設定可能)
3. npm run build がパッケージ化されたら、mydemo フォルダーを Tomcat の下の webapps にコピーします。
4. ダブルクリックして Tomcat を起動します。
起動後は上記ウィンドウを閉じないでください。閉じると正常にアクセスできなくなります。
5. アドレスバーに「localhost:8080」と入力すると、次のページが表示され、Tomcat が正しくインストールされていることがわかります。
ポートを変更したい場合は、この記事の上部にある Tomcat 9.0 のインストールと構成を確認してください。