uniapp 重定向的实现方法

在 UniApp 中，重定向可以通过以下几种方法实现，适用于页面跳转、路由控制或权限验证等场景：

1. 使用 uni.redirectTo 方法

• 功能：关闭当前页面，跳转到应用内的某个页面（非 TabBar 页面）。
• 代码示例：

  uni.redirectTo({
    url: '/pages/target/target' // 目标页面路径
  });
  

• 注意：跳转后原页面会被销毁，无法返回。

2. 使用 uni.reLaunch 方法

• 功能：关闭所有页面，打开到应用内的某个页面（可用于 TabBar 页面）。
• 代码示例：

  uni.reLaunch({
    url: '/pages/home/home' // 目标页面路径
  });
  

• 适用场景：例如用户退出登录后重置到首页。

3. 通过导航守卫拦截实现重定向

• 在 pages.json 中配置页面拦截，或使用全局路由守卫（需配合 Vue 路由插件，如 uni-simple-router）。
• 示例逻辑：在 onLoad 或 onShow 生命周期中判断条件并重定向。

  export default {
    onLoad() {
      if (!isLogin) { // 假设 isLogin 为登录状态
        uni.redirectTo({
          url: '/pages/login/login'
        });
      }
    }
  };
  

4. 使用条件编译处理平台差异

• 部分平台（如 H5）支持 Vue Router，可通过 this.$router.replace() 实现类似重定向。

注意事项：

• 路径规范：URL 需以 / 开头，对应 pages.json 中配置的路径。
• TabBar 页面：redirectTo 不能跳转到 TabBar 页面，需使用 reLaunch 或 switchTab。
• 参数传递：可通过 URL 的 query 传递参数，例如 url: '/pages/detail/detail?id=123'。

根据具体场景选择合适的方法，例如权限验证常用 redirectTo，重置应用状态用 reLaunch。