无需更换vue-cli 脚手架 uniapp-搭建项目-H5-低版本安卓IOS兼容问题（白屏）（接口请求异常）

✨求关注~
💻博客：www.protaos.com

I. 简介
A. UniApp项目概述
B. 白屏和接口请求异常问题的背景

II. 白屏问题
A. 问题描述

1、uniapp 打包H5内嵌入APP内、低版本手机系统访问白屏问题

B. 问题根本原因

1、低版本手机系统 自带的webview内核不支持ES6语法
2、uniapp脚手架的vue语法及各类API的语法

C. 解决方法

1、升级手机系统 将APP内核提升
2、将vue3转为vue2

vue3与vue2打包模式的区别

III. 接口请求异常问题
A. 问题描述

部分IOS系统网络请求失败、导致服务器拦截访问、服务器均无异常

B. 问题根本原因

部分ios系统的APP-webview内核不同、浏览器默认请求时候会进行header头信息的携带、协议错误

C. 解决方法

将后台配置的关于 get post 等相关接口的 header头信息进行优化
相关文章：https://juejin.cn/post/7254581070876098597

根据陆续的反馈，发现用户主要集中在IOS用户，系统版本集中在iOS12，IOS12是2018年发布的，已经有5年了，合理怀疑和IOS12版本有关系。

IV. 低版本安卓和iOS的兼容性问题
A. 不同平台的特点
B. 兼容性策略
1. 使用条件编译
2. 引入插件和Polyfill
C. 测试和验证

V. 总结
A. 问题的主要原因
B. 解决问题的方法
C. 提高项目的兼容性的建议

严格优化编写代码的风格和逻辑

VI. 参考资料
A. UniApp官方文档
B. 开发社区和论坛讨论