在uniapp中封装一个页面跳转拦截器

在uni-app中，可以通过全局路由守卫来实现页面跳转拦截器。以下是一个简单的示例代码：

// main.js
import Vue from 'vue'
import App from './App'
import store from './store'

Vue.config.productionTip = false

App.mpType = 'app'

const app = new Vue({
  store,
  ...App
})

// 全局路由守卫
uni.addInterceptor((to, from, next) => {
  // 获取用户信息
  const userInfo = store.state.userInfo
  
  // 判断用户是否登录
  if (to.path !== '/login' && !userInfo) {
    // 如果未登录，则跳转到登录页
    next({
      path: '/login',
      query: {
        redirect: to.fullPath
      }
    })
  } else {
    // 如果已登录，则正常跳转
    next()
  }
})

app.$mount()

在上面的代码中，我们使用了`uni.addInterceptor()`方法来添加全局路由守卫。当用户进行页面跳转时，路由守卫会在跳转前对用户的登录状态进行判断，如果用户未登录，则会拦截跳转并跳转到登录页；如果用户已登录，则会正常跳转到目标页面。

需要注意的是，在上述代码中，我们假设用户的登录状态保存在Vuex的`userInfo`状态中。如果您的应用中使用的是其他方式来保存用户登录状态，则需要相应地修改判断逻辑。