uni-app ios 微信H5首次进入时连接服务器超时，点击屏幕重试

uni-app ios 微信H5首次进入时连接服务器超时，点击屏幕重试

产品分类

uniapp/H5

PC开发环境操作系统

Windows

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

windows10家庭中文版

浏览器平台

微信内置浏览器

项目创建方式

CLI

CLI版本号

"@vue/cli-plugin-babel": "~4.5.0",
"@vue/cli-service": "~4.5.0",

App下载地址或H5网址

https://m.yld365.cn

示例代码

"h5": {  
    "template": "index.html",  
    "router": {  
        "mode": "history"  
    },  
    "async":{  
        "loading": "loading",   
        "error":"loading",  
        "delay": 1000,   
        "timeout": 5000   
    }  
}

操作步骤

  1. ios 微信首次访问：https://m.yld365.cn
  2. ios 微信中我-设置-通用-存储空间-缓存清理 后，再次访问 复现

预期结果


### 实际结果

bug描述

连接服务器超时，点击屏幕重试

  • iso 微信内H5 ,只有首次进入会提示，连接服务器超时，点击屏幕重试 ，过2-3 自动跳转ok
  • 安卓 微信内H5 正常
  • 尝试修改manifest.json H5.async delay timeout 都无效
  • 采用 yarn build:h5

更多关于uni-app ios 微信H5首次进入时连接服务器超时，点击屏幕重试的实战教程也可以访问 https://www.itying.com/category-93-b0.html

1 回复

更多关于uni-app ios 微信H5首次进入时连接服务器超时，点击屏幕重试的实战教程也可以访问 https://www.itying.com/category-93-b0.html


这个问题是iOS微信内置浏览器对异步加载资源的特殊处理机制导致的。iOS微信在首次访问或清理缓存后，会延迟执行异步JS资源加载，导致超时提示。

从你的配置来看，h5.async中的timeout: 5000设置是合理的，但iOS微信可能需要更长的等待时间。建议：

  1. 增加超时时间：将timeout设置为8000-10000ms
"async": {
  "loading": "loading",
  "error": "loading", 
  "delay": 1000,
  "timeout": 8000
}
回到顶部