uniapp 打包ios,首次打开没有数据问题记录(已解决)

问题:
发布了app上线,ios端虽然自动提示获取网络权限,但你同意之后,进入第一个页面没有数据;
原因排查:
经过调试排查,发现是用户第一次下载打开app时出现这种问题。
处理方式:
写一个组件页面,类似第一次使用app时的开始使用(让ui给我一张图,然后再图片上面定位一个button,点击前往首页),效果如下:
定义loginAPP变量,判断bool值,是否第一次打开
组件页代码片段(主要描述如何和首页互动)

<template>
    <!-- 主图片 -->
    <div class="container">
        <div class="containerBotton" @click="openPage">立即使用</div>
    </div>
</template>
<script setup>
import { ref } from 'vue';
// 打开首页,并将当前定义的变量值存入缓存
function openPage() {
    uni.setStorage({
        key: 'login', // 存储的键名
        data: 'true', // 存储的数据
        success: function () {
            console.log('第一次启动app');
        }
    });
    uni.reLaunch({
        url: '/pages/home/index'
    });
}
</script>

<style>
body {
    margin: 0;
}

page {
    margin: 0;
}

.container {
    width: 100%;
    min-height: 80vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    /* background-image: url('@/static/image/9132.png'); */
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
    overflow: hidden;
    position: relative;
}

.containerBotton {
    width: 278px;
    height: 46px;
    border-radius: 23px;
    background: #1678fe;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    position: fixed;
    bottom: 90px;
    left: 50%;
    transform: translateX(-50%);
}
</style>

请添加图片描述
首页使用组件,并且接收:

<template>
    <privacyPolicy v-if="!loginAPP"></privacyPolicy>
    <view v-else>
    【首页原先代码】
    </view>
    <script setup>
    import { onLoad } from '@dcloudio/uni-app';
    // 定义变量判断是否第一次打开app,
    const loginAPP = ref(false);
    / 监听页面加载
onLoad((data) => {
// 这里条件编译,非app的环境下打开移动端,直接跳过加载页
    // #ifndef APP-PLUS
    loginAPP.value = true;
    // #endif
    // 如果是app端,则从缓存中读取,是否用户已经进入过定义的组件页
    // #ifdef APP-PLUS
    // 从本地缓存中读取数据
    uni.getStorage({
        key: 'login', // 要获取数据的键名
        success: function (res) {
            loginAPP.value = res.data;
        }
    });
    // #endif
    //设置微信分享
    //	#ifdef  MP-WEIXIN
    wx.showShareMenu({
        withShareTicket: true,
        // 打开朋友圈、好友分享
        menus: ['shareAppMessage', 'shareTimeline']
    });
    //	#endif
    // const query = uni.createSelectorQuery();
    isUserInfo();
});

  • 4
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 5
    评论
评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值