n***@163.com
n***@163.com
  • 发布:2024-04-14 23:17
  • 更新:2024-09-27 11:49
  • 阅读:236

【报Bug】h5打包部署到unicould前端网页托管服务,某个页面一直出现,连接服务器超时,请点击屏幕重试?

分类:uni-app

产品分类: uniapp/H5

PC开发环境操作系统: Mac

PC开发环境操作系统版本号: 12.5

HBuilderX类型: 正式

HBuilderX版本号: 4.08

浏览器平台: 微信内置浏览器

浏览器版本: v8.0.48

项目创建方式: HBuilderX

示例代码:
    <view class="content">  
        <view class="main row">  
            <view>实名认证</view>  
            <view v-if="hasValue">(已认证不可更改)</view>  
            <view v-else>(认证后不可更改)</view>  
        </view>  
        <view class="plant">  
            休息休息;  
        </view>  
        <view class="line row-center">  
            <view class="left">  
                认证方式  
            </view>  
            <view class="right">  
                大陆居民身份证  
            </view>  
        </view>  
        <view class="cell row-center">  
            <view class="left">  
                真实姓名  
            </view>  
            <view class="right">  
                <input type="text" v-model="realName" placeholder="输入姓名"></input>  
            </view>  
        </view>  
        <view class="cell row-center">  
            <view class="left">  
                身份证号  
            </view>  
            <view class="right">  
                <input type="idcard" maxlength="18" v-model="idCard" placeholder="输入身份证号"></input>  
            </view>  
        </view>  

        <view class="btn mainBack" v-if="!hasValue" @click.stop="renzhenApi">  
            立即认证  
        </view>  
        <view class="btn mainBack" v-else style="background-color: #555;" @click.stop="showNotEnable">  
            立即认证  
        </view>  

        <!-- <uni-link href="https://work.weixin.qq.com/kfid/xxx" showUnderLine="true" font-size="15"  
            color="#333">  
            <view class="toKeFu row-center">  
                <view class="遇到问题?"></view> <view class="underline">联系客服</view>  
            </view>  
        </uni-link> -->  
    </view>  
</template>  

<script>  
    import {  
        decrypt,  
        encrypt  
    } from "@/utils/encrypt.js";  

    export default {  
        data() {  
            return {  
                realName: '',  
                idCard: '',  
                hasValue: false  
            }  
        },  
        onLoad() {  
            this._id = uni.getStorageSync('uid')  
            this.init()  
        },  
        methods: {  
            async init() {  
                const {  
                    result  
                } = await uniCloud.database().collection("user-info-db").doc(this._id).field({  
                    realName: true,  
                    idCard: true,  
                    realStatus: true,  
                }).get()  

                if (result.data && result.data.length > 0) {  
                    this.realStatus = result.data[0].realStatus || 0  
                    this.realName = result.data[0].realName || ''  
                    this.idCard = result.data[0].idCard || ''  
                }  
                this.hasValue = this.realName.length > 0  
            },  

            showNotEnable() {  
                const that = this  
                uni.showModal({  
                    title: "提示",  
                    content: "已认证信息,不可更改,如有疑问,请联系客服",  
                    confirmText: "添加客服微信",  
                    cancelText: "知道了",  
                    success: function(res) {  
                        if (res.confirm) {  
                            that.toKeFuPage()  
                        }  
                    }  
                })  
            },  
            toKeFuPage() {  

            },  
            processName(str) {  
                if (null != str && str != undefined) {  
                    let star = '' //存放名字中间的*  
                    //名字是两位的就取姓名首位+*  
                    if (str.length <= 2) {  
                        return str.substring(0, 1) + "*";  
                    } else {  
                        for (var i = 0; i < str.length - 2; i++) {  
                            star = star + '*'  
                        }  
                        return str.substring(0, 1) + star + str.substring(str.length - 1, str.length);  
                    }  
                }  
            },  

            // async renzhenApi() {  
            //  if (!this.realName || this.realName.length < 2) {  
            //      uni.showToast({  
            //          title: '请输入真实姓名',  
            //          icon: 'none'  
            //      })  
            //      return  
            //  }  
            //  if (!this.idCard || this.idCard.length != 18) {  
            //      uni.showToast({  
            //          title: '请输入真实身份证',  
            //          icon: 'none'  
            //      })  
            //      return  
            //  }  
            //      let {  
            //          result  
            //      } = await uniCloud.callFunction({  
            //          name: "user-realName-verified",  
            //          data: {  
            //              name: this.realName,  
            //              idCardNum: this.idCard  
            //          }  
            //      })  
            //      console.log(result.res.data)  
            //      if (result.res.data.status == 1) {  
            //          debugger  
            //          const org_gender = this.idCard.substring(16, 17)  
            //          var org_birthday = this.idCard.substring(6, 14)  
            //          var birthday = org_birthday.substring(0, 4) + "-" + org_birthday.substring(4, 6) + "-" +  
            //              org_birthday.substring(6, 8)  
            //          let obj = {  
            //              sex: org_gender % 2 == 1 ? 1 : 0,  
            //              realName: this.processName(this.realName),  
            //              year: parseInt(this.idCard.substring(6, 10)),  
            //              birthday: birthday,  
            //              realStatus: 1,  
            //              update_time: new Date().getTime(),  
            //              idCard: this.idCard.replace(/(?<=\d{3})\d{12}(?=\d{2})/, "************")  
            //          }  
            //          await uniCloud.database().collection("user-info-db").doc(this._id).update(obj)  
            //          this.hasValue = true  
            //          this.$tools.showSuccess("实名认证成功")  
            //          this.$tools.navigateBack()  
            //      } else {  
            //          this.$tools.showInfo(res.res.data.data)  
            //      }  

            // }  
        }  
    }  
</script>  

<style scoped>  
    .content {  
        padding: 50rpx;  
    }  

    .main {  
        font-size: 50rpx;  
        font-weight: 600;  
    }  

    .plant {  
        margin-top: 10rpx;  
        font-size: 26rpx;  
        margin-bottom: 30rpx;  
    }  

    .line {  
        justify-content: space-between;  
        line-height: 100rpx;  
    }  

    .left {  
        font-size: 34rpx;  
        font-weight: 600;  
    }  

    .cell {  
        height: 100rpx;  
        border-bottom: 1rpx solid #555;  
    }  

    .cell .right {  
        margin-left: 20rpx;  
    }  

    .right {  
        font-size: 30rpx;  
    }  

    .cell .right input {  
        font-size: 34rpx;  
        width: 400rpx;  
    }  

    .btn {  
        width: 300rpx;  
        height: 80rpx;  
        line-height: 80rpx;  
        border-radius: 40rpx;  
        margin-left: 175rpx;  
        margin-top: 100rpx;  
        text-align: center;  
        color: #fff;  
    }  

    .toKeFu {  
        padding-top: 80rpx;  
        text-align: right;  
        font-size: 24rpx;  
        justify-content: flex-end;  
    }  
</style>

操作步骤:

必现。

预期结果:

能正常打开这个页面

实际结果:

无法正常打开

bug描述:

现象:
在Chrome浏览器调试能正常打开。
部署到服务器,在微信浏览器内打开其他任何页均正常,唯独这一页打开异常。
经反复无脑尝试,发现 将方法 renzhenApi 全部注释掉,部署后,页面能正常打开,打开方法则页面异常。
网上搜了一堆,2020年都有人报出来了,希望快点解决,少点bug

2024-04-14 23:17 负责人:无 分享
已邀请:
恶魔的指挥官

恶魔的指挥官 - Java程序员!

有可能是scss的问题,改用less可能就行了,如果不行,可以看看组件库用的是不是scss,如果是改成less也许就行了。

要回复问题请先登录注册