uni-app 踩坑记录

"scroll-view" 组件

• "scroll-into-view" 值应为某子元素 id（id 不能以数字开头）。设置哪个方向可滚动，则在哪个方向滚动到该元素

注：使用该属性需要定义 "scroll-view" 组件 height 且不为百分比值，方可生效

uni.connectSocket API

• H5 无法定义 header 传参，只能在 url 参数内 get 传参

小程序背景图问题

本地调试可以，线上不行，原因是背景图太大了，压缩至 40kb 内就可以了。

背景图设置open in new window

路由模式问题

配置 manifest.js 运行的基础路径（router —— base）

// manifest.js
"router" : {
  "mode" : "history", // 路由模式，同 vue 路由。可选 history 、 hash
  "base" : "/" // 运行的基础路径。例如：/h5/，代表在域名的 /h5 目录下部署运行。如设为 ./ ，则代表相对路径，支持 File 协议打开，此时路由模式 “强制” 为 hash 模式。
},

APP 与 H5 问题

在进行多端开发的时候，如开发 APP，H5 端时，可能存在 H5 端没问题，APP 端却有问题的情况，这个时候就要检查下，此类问题，绝大部分是用到了 JS 浏览器相关 API 导致，可通过以下几点进行排查与解决。

1. 代码内是否用到了 DOM API

2. vue.config.js 相关配置检查

3. 使用条件编译open in new window解决