検索

ホームページ  >  に質問  >  本文

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

ディレクトリ構造:

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

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

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

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

曾经蜡笔没有小新曾经蜡笔没有小新2759日前1361

全員に返信(3)返信します

  • 曾经蜡笔没有小新

    曾经蜡笔没有小新2017-07-05 10:28:18

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

    返事
    0
  • 習慣沉默

    習慣沉默2017-07-05 10:28:18

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

    返事
    0
  • 高洛峰

    高洛峰2017-07-05 10:28:18

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

    リーリー

    返事
    0
  • キャンセル返事