使用Vuex Store和Nuxt.js实现图像重定向

时间:2018-10-29 18:36:42

标签: javascript vue.js vuex nuxt.js

嗨,我正在尝试实施将图片从其他域重定向到我的域的人。 但不幸的是,它不起作用,希望您能帮助我!)

以下是此过程的逻辑

我正在Nuxt.js上创建一个新的路由页面组件。名称为: / store ,那么我需要在商店中设置指向https://wallpapercave.com/wp/wp3663413.jpg这样的图像的链接。所以现在在商店中成像,我应该在我的/ store组件中重定向到商店中的此链接,因此我将模板绑定像这样放置到我的route组件中

'/ store'组件代码:

fetch({store, redirect}) {
        redirect(store.state.app.icon)
      }

我正在设置状态并在模板中显示图像的组件

  fetch({app, store, route, nuxtState}) {
      return app.$axios.$get(`apps/${route.params.id}`)
        .then(res => {
          store.dispatch('setApp', {
            ...res
          })
        })
  }

模板:

<img :src="'/store'" :alt="$store.state.app.title">

所以我希望有人能帮助我解决这个问题,并说我做错了!)

0 个答案:

没有答案