• Now all data be ready for publish, We had made our blog alive now. Haha.



  • These days CCP GFW blocked all the IPs from US and when I switch my IP in google Cloud, the disk data cannot be restore again. I have to restart my blog totally, Now the website is still building…



Q: Network Error when trigger nuxt-link beginner – Stack Overflow

Vue PingBook 1 months ago (10-23) 21 0

Question

:
Network Error when trigger nuxt-link after refresh same page its work fine
Here is Template

<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>

scripts

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 }
      })
  }
}

Here is Next Page Link

<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>

and This is the Error what is and facing

after refresh page it works fine

Answer

:
after install > https://github.com/barryvdh/laravel-cors package in my laravel backend everything working fine




Copyright from PingBook Blog, If not specified, they are original. This site uses BY-NC-SAProtocol authenticated.
For reprinting, please indicate the link of the original text:Q: Network Error when trigger nuxt-link beginner – Stack Overflow
LIKE (0)
[1725641479@qq.com]
SHARE (0)
PingBook
Author:
We create, We sharing! Tag every value data your sharing
Submit comments
Cancel comments
emoji picture bold strikethrough center italic check in

Hi,you need to provide your name and email adress!

  • Name (Required)
  • Email (Required)
  • Website