asyncdata连接php,如何使用Nuxt和asyncData观察路由更改

大家好我想在我的nuxt js应用程序中观察路线变化 .

这是我的中间件:

export default function ({ route }) {

return route; but i don't know what to write here

}

index.vue文件

middleware: [routeReact]

我想写这个:

app.context.route = route

但它告诉我app.context不存在

这是我的问题的一点,我正在尝试更新我的数据,如果路由更改,从页面上的axi获取的数据

这个页面

0e0ec4d4-732a-438e-b952-c7bc99177676.jpg

我点击链接到下一页:

0bdceaee-775e-41bb-af21-260bbb343030.jpg

但是当我转到下一页时,没有任何事情发生所有数据都是一样的:

ab1ab966-6ad6-4465-9b67-11211d6fc4d8.jpg

这里是我的asyncData代码:

asyncData({ app }) {

return app.$axios.$get('apps/' + app.context.route.fullPath.replace(/\/categories\/?/, ''))

.then(res => {

return {

info: res.results,

nextPage: res.next,

prevPage: res.prev

};

})

}

谢谢你的帮助

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值