JavaScript - vue で参照されているイメージをサーバーにデプロイするときにロードに失敗する
曾经蜡笔没有小新
曾经蜡笔没有小新 2017-07-05 10:26:18
0
3
1344

ディレクトリ構造:

###コード:### リーリー

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

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

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

曾经蜡笔没有小新
曾经蜡笔没有小新

全員に返信(3)
曾经蜡笔没有小新

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

いいねを押す +0
習慣沉默

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

いいねを押す +0
小葫芦

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

リーリー
いいねを押す +0
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート