uni-app开发微信小程序踩坑指南

1.小程序添加页面背景颜色或者背景图片不生效

通常这种情况下控制台不会报错，所以这是一个非常隐蔽的坑，切记不要踩。

错误代码

正确代码

2.在微信开发者工具中调试时报错

当你在HBuildeX中运行项目，测试一个功能的接口是否可以调用。当你发现接口可以调用，功能也达到了要求，但是在微信开发者工具中调式去报错，如下：

这是因为在微信小程序中，不能够使用代理来调用接口。

错误代码

						success: (res) => {
								uni.request({
									url: 'api代理+接口',
									data: {},
									method: '',
									header: {},
									success: (res) => {
										console.log(res)
									},
                                    fail: (err) => {
										console.log(err)
									}
								}) 
						}

正确代码

先main.js中进行全局注册

Vue.prototype.$api = "后端ip"

然后在界面调用

						success: (res) => {
								uni.request({
									url: this.$api +'接口',
									data: {},
									method: '',
									header: {},
									success: (res) => {
										console.log(res)
									},
                                    fail: (err) => {
										console.log(err)
									}
								}) 
						}