axios - Nuxt 使用 JSON 服务器生成静态网站

Question

我正在尝试使用带有 Json server Fake api server的 nuxt 生成一个静态网站。我只是想使用 npm run generate 使用来自 json 服务器的数据预先填充静态站点。感谢大家的帮助！

<script>
import axios from 'axios'
export default {
  async asyncData() {
    const { data } = await axios.get('http://localhost:4000/gallery')
    return { gallery: data }
  }
}
</script>

<template>
  <section class="gallery-grid">
    <nuxt-link
      v-for="i in gallery"
      :key="i.id"
      :to="'/'+i.id">
      <img
        :src="['gallery/'] + i.src + ['.jpg']"
        :alt="i.title">
    </nuxt-link>
  </section>
</template>

标签： axiosnuxt.js