前提・実現したいこと
nuxt.jsを使用してサイトを作成しています。
generateコマンドを実行しdistに出力されたファイル群("/dist/"内のファイル群)を
xserverにデプロイしたのですが、assetsから"~assets/images/〇〇.png"として読み込ませていた画像が正常に読み込まれず、表示されません。
dist内のソースファイルを確認したところ、パスが"file:///_nuxt/img/〇〇.png"になり出力されています。
フォルダを辿ったところ"/_nuxt/img/〇〇.png"には画像が存在しています。
コンソール内で"/_nuxt/img/〇〇.png"このパスを"_nuxt/img/〇〇.png"このように書き換えると、
正しく画像が出力されました。
generateの時点でこのパスを正常に解決する方法はありますか?
もしくは、xserver側で設定を行う必要がありますか?(サーバーの知識はほとんどありません)
よろしくお願いします。
発生している問題・エラーメッセージ
Failed to load resource: net::ERR_FILE_NOT_FOUND
該当のソースコード
nuxtjs
1 2<img src="~assets/images/xxx.png"> 3
あなたの回答
tips
プレビュー