monteecristoo’s blog

https://twitter.com/irakaarozo

VueJS within Laravel dynamic image binding @nested route

hoge.vue

<img :src='user.avatar' >

 

<script>

   export default {

  computed: {
    user() {
      return this.$store.state.user.user;
    }
  },

上記でdynamicにimageを切り替えられるが、

サブドメインのrouteを定義した場合、

vue-router経由で該当ページまで表示させた場合とページのリロードで表示させた場合で起点となるURIが違うため<img src="">のpathが食い違いエラーが出る

対処:

stackoverflow.com

stackoverflow.com