触发nuxt-link初学者时出现网络错误

Question

刷新同一页面后触发nuxt-link时出现网络错误，其工作正常
这是模板

<div class="col-lg-3" v-for="(video, index) in videos" :key="index">
       <nuxt-link :to="/video/ + video.id"> 
        <img :src="video.image" width="100%">
        <div class="card">

          <div class="card-body">
            <h1 class="title">{{ video.title }}</h1>
          </div>

        </div>
      </nuxt-link>
      </div>

脚本

export default {
  layout: 'default',
  asyncData({ req, params }) {
    // We can return a Promise instead of calling the callback
    return axios.get('http://localhost:8000/getVideos')
      .then((res) => {
        return { videos: res.data.data }
      })
  }
}

这是下一页链接

<script>
    import axios from 'axios'
    export default{
        layout: 'default',
        asyncData({ req, params }) {
            // We can return a Promise instead of calling the callback
            return axios.get(`http://localhost:8000/video/${params.id}`)

              .then((res) => {
                return { video: res.data.video , relatedVideos: res.data.relatedVideos }
              })
          },



    }
</script>

这是错误所在，正面临

刷新页面后效果很好

Answer 1

在安装后，我的laravel后端中的https://github.com/barryvdh/laravel-cors软件包一切正常