首页 APP开发 正文

uniapp开发h5兼容问题(uniapp编译h5)

APP开发 1873
今天给各位分享uniapp开发h5兼容问题的知识,其中也会对uniapp编译h5进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!本文目录一览: 1、uniapp之h5反向代理设置踩坑,解决跨域问题

今天给各位分享uniapp开发h5兼容问题的知识,其中也会对uniapp编译h5进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!

本文目录一览:

uniapp之h5反向代理设置踩坑,解决跨域问题

uniapp可以适应多个平台开发,你会发现在HBuilderX上的内置浏览器上调接口,没问题;在小程序中,也没问题;连接手机联调也没问题;

当后台设置允许跨域之后,前端h5需要进行设置反向代理才能解决这个问题。

在manifest.json文件中,我们需要输入我们的端口号

然后去视图源码下查看多了h5这个配置

我们需要在自动生成的h5配置中进行编写代理设置

这里需要注意的是"target" : " ", 这里是写http还是https,需要与后台保持一致,不然会报500.

然后我们去使用我们的代理,进行带接口

uni-app运行到H5正常,但运行到小程序不正常、报错总结

同级多个 v-for 时 key 的值是不允许重复的,key 的绑定是不支持表达式的,需要按照以下方式处理。

控制台"Cannot read property 'globalData' of undefined"

解决办法:将getApp()替换成this

以上错误的写法编译都会不通过

问题应该出在(item.title || '').length,其中(item.title || '')得到的结果有问题

解决办法:加入in(this)

原因:h5引用组件会渲染成uni-view标签,而小程序直接是comp-a标签,此时虽然显示设置了样式,但不会渲染出来

解决办法:在子组件中设置好样式,或者用/deep/ 对子组件下的节点设置样式

解决办法:在父组件修改对象的数据,不要在子组件操作,网上说是微信小程序无法直接操作props里的对象

1.竖向的列表,使用的view的滚动,并设置overflow-y:scroll;滑动列表然后点击列表某一项跳转详情后,再回到列表页,view总是回到了顶部,和 这个问题 一样。

解决办法:

使用scroll-view替换view,设置scroll-y=true,但也产生了一个问题,scroll-view的宽度默认继承父级元素的宽度(屏幕宽度),并不是等于所有子集元素的和,因此需要动态设置scroll-view的宽度

2.uni设置scroll-top为0无效

uniapp里面使用scroll-view 组件,动态设置scroll-top 属性来控制滚动高度,但是当想滚动到起始位置时 设置动态值为0 时无效的

解决办法:

首先要定义一个变量记录滚动条的位置

用 @scroll="scrollChange" 监听 滚动条变化

定义一个变量 存滚动的位置,当需要滚动到 初始值的时候

先将滚动的当前高度赋值给scrollTop 然后设置为0 就有效果了

uni-app在H5跨域问题小程序不需要跨域导致的兼容问题解决

应用场景:很多时候我们开发uni-app的时候,在H5端总是会遇到跨域问题,但是小程序这些不需要跨域,导致出现的不兼容问题 ,本篇文章完美解决了这些问题

uniapp开发h5兼容问题的介绍就聊到这里吧,感谢你花时间阅读本站内容,更多关于uniapp编译h5、uniapp开发h5兼容问题的信息别忘了在本站进行查找喔。

扫码二维码