当使用asyncData查询时，Nuxt.js router.push不能完全重定向到另一个页面。

Question

我在一个页面中使用asyncData查询。

async asyncData({$axios, query}) {
  const id = query.id;

  try {
    const {data} = await $axios.$get(`http://localhost:8000/api/question/${id}`);
    return {
      question: data

    }
  } catch (e) {
    console.log(e);
  }
},

每当我试图从这个页面访问另一个路径时，例如，它将我重定向到这个页面的解决方案，

@click="$router.push('/solution'); addTodo(question.keywords); addTodo(option.keywords)">

它将我重定向到这个页面的解决方案， 但访问API的请求仍然从前一个页面（questionid）出发。

访问localhost:3000solution页面。

CORS在其他页面都能正常工作，所以我认为问题出在重定向上。

有什么可能的解决方案来解决这个问题？

另外，这是我在网络选项卡中看到的。

我觉得referer应该是： localhost:3000solution。

Answer 1

添加 'paths' => ['api/*'] 对Laravel后端CORS配置有帮助。