如何在 Nuxt 的页面中获取路由 url 参数？

我在访问我的nuxt js插件中的url时遇到了问题。简而言之: url中有一部分向我显示了人们从哪个城市访问。

window.location无法工作，因为它是SSR，而window在那里不可用。

req.headers.host无法工作，因为nuxt generate已在staging/production上运行。

在.vue文件中，获取Vue路由器 :

this.$route

$route 对象有一些有用的属性:

可以像这样使用 $route 对象:

<script>
    export default {
      mounted() {
        console.log(this.$route.fullPath);
      }
    };
    </script>

Vue mouted hook 只在客户端运行，当你想在服务器上获取参数时，你可以使用 asyncData 方法:

<script>
    export default {
        asyncData({route, params}) {
            if (process.server) {
                //use route object
                console.log(route.params.slug)
                //directly use params
                console.log(params.slug)
            }
        }
    };
    </script>

参考：javascript - 如何在 Nuxt2 和 3 的页面中获取路由 url 参数？ - IT工具网