SSMプロジェクトとvueを組み合わせる方法

SSMが作成された後、フロントエンドのビューとドッキングした経験がなく、正しく設定するのに
1日かかりました... idea + mavenを使用して作成しました

まず、vueを認識するこのプラグインをアイデアに追加し
ここに写真の説明を挿入
ます。2。vueを組み合わせる前に、まず対応するnodejs環境をダウンロードし、次にnpm cnpmを構成し、次にスキャフォールドを構成し、最後にvueプロジェクトをwebpackでパッケージ化します。
これらのオンラインチュートリアルは非常に詳細で、それに従ってください。

最後に、vueをパッケージ化した後、distフォルダーが生成されます
ここに写真の説明を挿入。vueはブラウザーで直接認識できないため、パッケージ化後のdistは、vueをcss jsおよびindex.htmlページに変換し、このフォルダーをプロジェクトに直接ドラッグします。 webappの下のディレクトリは問題あり
ここに写真の説明を挿入
ここに写真の説明を挿入ません。中央スケジューラの構成ファイルディスパッチャがリソースをロードします。

ここに写真の説明を挿入正常に読み込まれました

おすすめ

転載: blog.csdn.net/ssdssa/article/details/112699053