vue.jsでpublicに置いた写真をパスを使って表示したいが、バインドすると文字列として扱われてしまい表示することができません。

vue.jsでアイテムに初期写真の設定をしています。
初期の写真はassetsに置いてある初期用の写真までのpathを代入しています。

解決したいこと
state.user.img_pathを使い写真を表示できるようにしたい

state.user.img_pathには'@/assets/profile.png'のパスが入っています

<img :src="state.user.img_path">　　やりたいコード

<img src="@/assets/profile.png">　　表示出来るコード

試したこと
requireを使う　-> 変化なし

<img :src="require(state.user.img_path)">
<img src="require(state.user.img_path)">

仮説
1, そもそも代入するpathが間違っている。
検証ツールで確認すると表示出来る場合は/img/profile.b90e2880.pngのようになっていたので、この内容に変更すると表示出来た。が、ランダムな値？b90e2880が入っていて本番環境で動かすには不安。

2, :src="state.user.img_path"の呼び出し方がおかしい？

3, dataにdefault_img_pathを用意して文字列を作ってからtemplateで呼び出す？ -> 文字列で既に入っているので変わらない。

バインドすると文字列として扱われてしまい、写真を表示することができずにいます。
どなたかお分かりの方いましたら教えていただきたいです。

Lhankor_Mhy

2021/09/24 05:11 編集

「publicに置いてある初期用の写真までのpath」とのことですが、「state.user.img_pathには'@/assets/profile.png'のパスが入っています」ともあります。画像ファイルがあるのは、assets ですか？ public ですか？ https://webrandum.net/vue-cli-image-path/