uniapp踩坑记录（持续更新）

我于2020年3月30日起开始接触uniapp平台。从现在开始我将会持续更新我的踩坑记录以帮助更多需要帮助的人。但由于刚刚接触，踩的坑不多，我后续会持续更新。希望可以帮到你。

uniapp官网

1、有关于vantUI版本的问题。app和小程序必须要用vant weapp，链接地址为 vant app官网地址。如果你执意要使用vantUI 那么你可能会遇到如下的报错信息并且在真机调式模式下，App会出现白屏的现象。

eportJSException >>>> exception function:createInstanceContext, exception:white screen cause create instanceContext failed,check js stack ->Exception: ReferenceError: Can't find variable: navigator

如果遇到了H5正常，但app不正常的问题时。推荐看下这篇文档。 uniapp开发注意事项

2、如果涉及到图表，请谨慎使用echart。建议使用ucharts替代echart。或是使用render.js ucharts官方插件地址
3、如果是H5转成uniapp项目，请参考下面这篇文章。
vue h5转换uni-app指南

4、如果你之前的项目是用vantUI写的H5项目，现在就有必要改一下了。具体请参照官方文档中的写法。但不能照搬，因为官网的写法是小程序的写法，用vue的话需要注意下写法。例如,在vantui里，tab的点击事件是@click，而在vantwebapp中则是 @change vantWebapp官网地址

5、uni-app request POST 请求方式不加 header头会默认为 OPTIONS，因此在进行post请求时。记得加上头部信息

header: {
	'content-type': 'application/x-www-form-urlencoded'
},

6、 uniapp Toast提示框API地址

7、uniapp 设置全局请求超时时间

8、ucharts有个参数叫padding 数组类型，可以调整canvas图表的上下左右间隙。同xAxis同级，例如 padding:[10,10,2,1] 上右下左

9、如果你在manifest设置了uniapp的logo不起作用。请点击 “自动生成所有图标并替换” 按钮试试。（只有云打包才生效，iOS的包是不能直接安装到手机的，必须先上架 或 签名）