vue3的全局路由守卫beforerenter中如何获取生产还是开发环境

在Vue3中，全局路由守卫`beforeEach`可以用于在每次导航请求开始之前执行一些操作。如果你想在`beforeEach`钩子中判断当前是生产环境（production environment）还是开发环境（development environment），你可以利用`process.env.NODE_ENV`这个全局变量。这个变量通常会被配置打包工具（如Webpack或Rollup）在构建时设置，其值会自动变为`production`或`development`。

下面是一个简单的示例：

import { useRoute } from 'vue-router'

export const isProduction = process.env.NODE_ENV === 'production'
const router = useRouter()

router.beforeEach(async (to, from, next) => {
  // 判断是否为生产环境
  if (isProduction) {
    // 在这里添加生产环境的处理逻辑
  } else {
    // 或者是开发环境的处理逻辑
  }

  // 接着继续执行正常的路由流程
  next()
})