JavaScript - vue で参照されているイメージをサーバーにデプロイするときにロードに失敗する

Question

ディレクトリ構造:

＃＃＃コード：＃＃＃ リーリー

ローカル サーバーで実行している場合は正常にロードできますが、サーバー (tomcat) に配置するとロードできません。プロジェクトは webapp/myproject/ ディレクトリにデプロイされます。

イメージ パスサーバー上で要求される必要があるのは http:// 1.1.1.1:8080/myproject...

ですが、実際に要求される画像のパスは http://1.1.1.1:8080/static/im...## です。 #サーバーのルートディレクトリの代わりにvueのカレントディレクトリとして画像パスを記述する方法

Answer 1

私は以前にこの問題に遭遇したことがあり、それをドキュメントにコンパイルする必要があるのは、Webpack の設定を変更してから再パッケージ化することです

。

Answer 2

私もこれに遭遇しました。このときの画像パスは、ローカルの場合、<img src="./title.png" /> を押します。サーバー上に配置されると、&lt ;img src="/myproject/static/img/title.45ae5f4.png" /> になります。もちろん上記の方法の方が良いです

Answer 3

スキャフォールディングを使用している場合は、構成内のいくつかの JS、特にindex.jsの使用方法をよく理解してください

リーリー