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

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

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

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


错误代码

<style scoped lang="scss">
page {
  background-color: #FFE4B5;
  }
</style>

正确代码

<style>
  page {
  background-color: #FFE4B5;
  }
</style>
<style scoped lang="scss">
  /*页面其他元素css代码*/
</style>

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

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


image.png


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


错误代码

 

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)
          }
        }) 
      }
相关文章
|
5月前
|
人工智能 小程序 前端开发
一个小程序轻量AR体感游戏,开发实现解决方案
针对青少年运动兴趣不足问题,AR体感游戏凭借沉浸式互动体验脱颖而出。结合小程序“AI运动识别”插件与WebGL渲染技术,可实现无需外设的轻量化AR健身游戏,如跳糕、切水果等,兼具趣味性与锻炼效果,适用于儿童健身及职工团建,即开即玩,低门槛高参与。
|
5月前
|
移动开发 小程序 前端开发
小程序开发平台有哪些?哪个好
小程序的开发方式丰富多元,开发团队可根据自身的技术背景、项目具体需求以及资源状况,灵活挑选最为适宜的开发路径。以下将详细介绍几种主流的小程序开发方式。
576 1
|
5月前
|
运维 小程序 数据可视化
小程序开发平台有哪些?SaaS小程序制作平台哪个好
小程序开发模式详解:自主开发、SaaS小程序制作平台与外包全对比 选择合适的小程序开发模式,是项目成功的基石。这三种模式在成本、周期、控制力和灵活性上各有千秋,适用于不同阶段和不同类型的企业。下面我们将逐一深入剖析。
492 8
|
5月前
|
移动开发 小程序 前端开发
小程序快速开发平台有哪些?
小程序开发并非“一刀切”,需结合技术储备、资金预算、时间规划及功能需求等多维度因素综合考量。以下为您详细拆解五种主流开发方案及其适用场景,助您精准匹配开发路径。
354 3
|
5月前
|
移动开发 小程序 前端开发
小程序开发平台有哪些?小程序开发制作软件推荐
小程序开发方案全解析:5种主流方式与选择指南 小程序开发需根据技术能力、预算、时间及功能需求综合决策。以下为5种主流开发方案及适用场景分析:
26105 0
|
6月前
|
缓存 小程序 前端开发
商城/点餐/家政类小程序源码合集_微信抖音小程序源码开发从入门到精通实战
本文系统讲解如何利用现有源码快速开发商城、点餐、家政类微信/抖音小程序,涵盖环境搭建、核心功能实现、多平台部署与优化,提供完整技术方案。实战导向,助力开发者高效入门与落地。
|
6月前
|
存储 小程序 Java
热门小程序源码合集:微信抖音小程序源码支持PHP/Java/uni-app完整项目实践指南
小程序已成为企业获客与开发者创业的重要载体。本文详解PHP、Java、uni-app三大技术栈在电商、工具、服务类小程序中的源码应用,提供从开发到部署的全流程指南,并分享选型避坑与商业化落地策略,助力开发者高效构建稳定可扩展项目。