uni-app 踩坑(h5篇)

262 阅读1分钟

背景

离线环境,win7,chrome104版本,打包h5

1. 自动请求遇到 static/ication.ico 网站图标

解决: <link rel="icon" href="data:;base64,=">

2. h5打包后,浏览器自动请求https://cdn.dcloud.net.cn/img/shadow-grey.png 造成阻塞

解决: 放在index.html 页面中<head /><body> 标签中间

<style>
      body::after {    
          content: none;    
      }    
  </style>  

3. 有个页面空白阻塞,浏览器崩溃,页面没有展示出来

背景:在公司服务器和本地服务器都测试过,没毛病,去了甲方那里,页面空白

解决思路:

  1. 一步一步的注释代码和放开
  2. 查看浏览器的任务管理器:cpu 和 内存的使用
  3. 发现调用pinia的方法时机不对,导致在甲方的电脑无法展示
  4. 解决,把computed 改为 onMounted

解析:1.代码的方法调用时机不对,2.甲方电脑配置确实有些拉跨