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获取的数据

这个页面

我点击链接到下一页：

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

这里是我的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

};

})

}

谢谢你的帮助

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

华为路由器（可网管）连接光猫配置（光猫为路由模式）
说明:拓扑中将sw3看做是光猫(光猫为路由模式)光猫的网关地址是192.168.1.1/24 sw1.sw2为接入层交换机 pc1.pc2的网关在R1上 R1为华为AR2220路由器:g0/0/0连接 ...
Nuxt.js asyncData 多请求
Nuxt.js框架中asyncData方法只能在pages中的.vue文件页面中使用. 如果要一次发送多个请求可进入如下操作: async asyncData ({ params, error }) ...
nuxt的asyncData在方法内没有办法通过 this调用
1,问题分析: 由于asyncData方法是在组件初始化前被调用的,并且是在服务端调用所以该方法是没有办法通过 this 来引用的,也就意味着只能在首次重新加载的时候调用,如果遇到了分页,当页码改变 ...
nuxt的asyncdata页面刷新params数据丢失_React navigation goBack方法返回刷新
react navigation version:5.x 刚开始写react-native发现用react navigation的goBack方法不会重新刷新要返回的页面,恰巧我想写的是修改资料的页面 ...
从壹开始前后端分离 [ vue + .netcore 补充教程 ] 三十║ Nuxt实战：动态路由+同构...
上期回顾说接上文<二九║ Nuxt实战:异步实现数据双端渲染>,昨天咱们通过项目二的首页数据处理,简单了解到了 nuxt 异步数据获取的作用,以及亲身体验了几个重要文件夹的意义,整篇文章 ...
nuxt 带参数动态路由
nuxt是基于vue.js服务端渲染的框架,其中路由文件不像vue项目那样手动配置,而是依据 pages 目录结构自动生成 vue-router 模块的路由配置. 基于项目seo优化需求,需要将路由 ...
nginx部署，nuxt静态部署，路由跳转失效的问题
nuxt静态部署问题静态部署:路由模式跳转失效的问题:不能使用历史模式,需要使用 'hash' 模式,再进行打包 'npm run generate' 文件:nuxt.config.js // 自定 ...
Linux连接荣耀路由器pro2,荣耀路由器Pro2与路由存储、远程访问、家庭共享
一.千兆路由器真香吗? 升级新拉了一根200M电信宽带,安装师傅看了一眼旧的水星百兆路由器,强烈建议使用千兆.想想也有道理,就马上买了一个华为荣耀Pro2千兆路由器.上网速测试效果: 水星百兆路由器, ...
[绍棠] nuxt.js获取当前路由的名称和路径
获取当前路由名称 $nuxt.$route.path 获取当前路由路径 $nuxt.$route.name 获取router const router = $nuxt.$router

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

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

最新文章

热门文章