构建站点全局导航时，app.vue中的this.$route.params为空(在路由器视图之外)

在构建站点全局导航时，app.vue中的this.$route.params为空可能是因为在路由器视图之外。这意味着在app.vue组件中，路由参数可能无法直接访问。

解决这个问题的方法是使用Vue Router提供的全局导航守卫。全局导航守卫允许我们在路由切换之前或之后执行一些操作。

首先，确保你已经正确配置了Vue Router，并且在路由器实例化之前注册了全局导航守卫。

在app.vue组件中，你可以使用beforeEach导航守卫来获取路由参数。在这个导航守卫中，你可以访问到this.$route.params，并将其存储到Vue实例的data属性中，以便在整个应用程序中使用。

以下是一个示例代码：

// main.js

import Vue from 'vue'
import App from './App.vue'
import router from './router'

router.beforeEach((to, from, next) => {
  // 获取路由参数并存储到Vue实例的data属性中
  Vue.prototype.$routeParams = to.params
  next()
})

new Vue({
  router,
  render: h => h(App)
}).$mount('#app')

现在，在整个应用程序中，你可以通过访问this.$routeParams来获取路由参数。

请注意，这只是解决问题的一种方法，具体取决于你的应用程序结构和需求。另外，腾讯云提供了一系列云计算产品，如云服务器、云数据库、云存储等，可以根据具体需求选择适合的产品。你可以访问腾讯云官方网站（https://cloud.tencent.com/）了解更多关于腾讯云的产品和服务。