uni-app如何实现App开屏广告 uni-app启动页跳转逻辑处理-uni-app-PHP中文网

uni-app开屏广告需禁用启动页自动关闭，配置manifest.json中app-plus的autoclose:false；广告展示必须在app.vue的onlaunch中用settimeout或sdk回调控制时长（≥3秒），先调uni.hidelaunchscreen再uni.relaunch跳转，登录态仅读本地缓存，避免网络请求阻塞。

uni-app如何实现app开屏广告 uni-app启动页跳转逻辑处理

uni-app 启动页不自动关闭，才能加开屏广告

uni-app 默认会等首页渲染完就关启动页，根本没机会展示广告。必须手动禁用自动关闭，否则 uni.hideLaunchScreen 调用无效或被忽略。

关键配置在 manifest.json 的 app-plus 节点下：

"autoclose": false —— 强制禁止自动关闭
"alwaysShowBeforeRender": false —— 避免首页白屏时还卡着启动图
"waiting": false —— 关掉加载动画，让广告自己控制显隐

注意：H5 和小程序平台不走这套逻辑，该配置仅对 App（iOS/Android）生效。

开屏广告展示后跳转，不能直接用 `uni.navigateTo`

启动页（splash screen）不是普通页面，它没有 Vue 实例、不挂载 DOM、也不走 onLoad 生命周期。所有跳转操作必须在 app.vue 的 onLaunch 中完成，且要等广告展示结束再触发。

常见错误是：广告倒计时还没完就调了 uni.reLaunch，导致广告一闪而过；或者用了 uni.navigateTo，结果跳转失败并报错 “page not found” —— 因为启动页期间页面栈尚未初始化完整。

正确做法是：

用 setTimeout 或广告 SDK 的回调控制展示时长（建议 ≥ 3 秒）
先调 uni.hideLaunchScreen() 隐藏启动页（成功后才可跳转）
再用 uni.reLaunch 或 uni.redirectTo 跳转目标页（不能用 navigateTo）

示例逻辑：

uni-app

uni-app 是基于 Vue 的跨端开发框架，适合开发 H5、App、小程序、鸿蒙和多端业务应用。

下载

onLaunch() {
  // 展示 3.5 秒广告
  setTimeout(() => {
    uni.hideLaunchScreen({
      success: () => {
        // 登录态检测可放这里，或提前做
        const token = uni.getStorageSync('token');
        const target = token ? '/pages/home/index' : '/pages/login/index';
        uni.reLaunch({ url: target });
      }
    });
  }, 3500);
}