###発生している問題・エラーメッセージ
- (左側)問題なく画像が表示されるコード
<img src="../assets/logo.png">
- (右側)画像が404になるコード
<img v-bind:src="'../assets/characters/icon/' + character.id + '.png'">
エラーコード、エラーメッセージが無く、
webpack + Vue.js を初めて10時間前後な事もあり、どのようにすれば解決するか分かりません。
試したこと
- 画像があるはずのURLに直接アクセスする
→ 404になった
- 問題なく画像が表示されている方のURLがどうなっているかを確認した
→ URLではなく、base64エンコードされた画像が指定されていた
(HTMLでは上記のように相対パスしているが、WEBブラウザで確認するとbase64に自動的に変換されていた)
my-project-name/src/assets/characters/icon/1.png
にファイルが有るかどうかのチェック
開発環境
- Windows 10 64bit
- webpack 3.3.0
- Vue.js 2.8.2
- 開発環境インストール方法
$ npm install -g vue-cli $ vue init webpack my-project-name $ cd my-project-name $ npm run dev
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。