Nuxt 图像在页面更改时不断中断

Question

我的 Nuxt 页面上显示了图像，但每当我离开它时，图像就会中断，我不知道为什么。

我的代码中有这个

<img :src="baseUrl + 'storage/'+ front.featured_image" alt="post-title" />

和我的剧本

data: () => ({
  frontpage: [],
    baseUrl: process.env.BASE_URL
}),
async asyncData({ $axios }) {
  const response = await $axios.get('/api/frontpage')
  return { frontpage: response.data.posts }
},

我有一个 .env 文件，其中包含以下内容 BASE_URL=http://localhost/ 我也有以下内容 nuxt.config.js

env:{
  baseUrl: process.env.BASE_URL || 'http://localhost/'
}

我的 API 是使用 laravel 构建的，它是从 http://localhost/ 加载的，但是 Nuxt 在页面更改时一直返回到 localhost:3000。

Answer 1

你可以在这里查看我之前的回答：

这可能有帮助

export default {
  publicRuntimeConfig: {
    baseUrl: process.env.BASE_URL,
  },
}

否则，这个configuration of Axios也可能有帮助！

Nuxt 图像在页面更改时不断中断

Nuxt image keeps breaking on page change

javascript

laravel

vue.js

nuxt.js