如何处理路由参数更新nuxt.js

Question

如果目的地与当前路线相同且只有参数更改（例如：从一个配置文件转到另一个配置文件/用户/ 1 - ＆gt; / users / 2）如何识别并更新组件。使用vue-router我可以使用beforeRouteUpdate方法来更新组件。

Here is a recording of my issue

Answer 1

我在中间件目录中创建了一个routeGaurds.js文件，然后在我的nuxt.config.js文件中添加了这个中间件

// routeGaurds.js

export default ({ app }) => {
    if(process.browser) {

        app.router.beforeEach((to, from, next) => {
            console.log(to)
            next()
        })
    }

// nuxt.config.js文件

module.exports = {
      router: {
        linkActiveClass: 'active-link',
        middleware: ['routeGaurds']
    }}