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)
          }
        }) 
      }
相关文章
|
18天前
|
存储 编解码 小程序
抖音小程序开发中遇见的坑点
在抖音小程序开发中,需注意10大坑点:遵守小程序限制与规范;解决兼容性问题;优化数据加载速度;适应分享功能限制;处理视频播放挑战;优化图片加载显示;管理资源文件;提升用户体验;考虑安全性;及时更新维护。通过测试、优化和遵循官方文档,可克服这些问题,打造优质小程序。
|
10天前
|
前端开发 Android开发 开发者
【Flutter前端技术开发专栏】Flutter中的混合应用(Hybrid Apps)开发
【4月更文挑战第30天】本文探讨了使用Flutter开发混合应用的方法。混合应用结合Web技术和原生容器,提供快速开发和低成本维护。Flutter,一款现代前端框架,以其插件系统和高性能渲染引擎支持混合应用开发。通过创建Flutter项目、添加平台代码、使用WebView、处理平台间通信以及发布应用,开发者可构建跨平台混合应用。虽然混合应用有性能和用户体验的局限,但Flutter的跨平台兼容性和丰富的插件生态降低了开发成本。开发者应根据项目需求权衡选择。
【Flutter前端技术开发专栏】Flutter中的混合应用(Hybrid Apps)开发
|
11天前
|
小程序 前端开发 JavaScript
轻松学会微信小程序开发(一)
轻松学会微信小程序开发(一)
|
11天前
|
移动开发 小程序 安全
使用阿里云短信+微信短链接跳转微信小程序
此内容是关于使用阿里云短信带传递参数的微信短链接跳转到微信小程序。首先,需要准备微信开发者工具和一个已认证的小程序。接着,开通云开发并配置云开发权限。然后,配置H5静态网页,包括设置云开发权限和处理不同设备的跳转方式。最后,上传云函数并修改其权限,获取微信短信链接,配置短链接参数,并开通阿里云短信服务以进行测试验证。整个过程涉及到了微信开发者工具、云开发、H5页面配置、云函数的创建和部署以及阿里云短信服务的开通和使用等步骤。
37 0
|
11天前
|
JSON 小程序 JavaScript
微信小程序开发1
微信小程序开发1
|
17天前
|
数据采集 存储 人工智能
【Python+微信】【企业微信开发入坑指北】4. 企业微信接入GPT,只需一个URL,自动获取文章总结
【Python+微信】【企业微信开发入坑指北】4. 企业微信接入GPT,只需一个URL,自动获取文章总结
39 0
|
17天前
|
人工智能 机器人 API
【Python+微信】【企业微信开发入坑指北】3. 如何利用企业微信API给微信群推送消息
【Python+微信】【企业微信开发入坑指北】3. 如何利用企业微信API给微信群推送消息
26 0
|
17天前
|
缓存 人工智能 API
【Python+微信】【企业微信开发入坑指北】2. 如何利用企业微信API主动给用户发应用消息
【Python+微信】【企业微信开发入坑指北】2. 如何利用企业微信API主动给用户发应用消息
16 0
|
17天前
|
XML 人工智能 数据安全/隐私保护
【Python+微信】【企业微信开发入坑指北】1. 数据链路打通:接收用户消息处理并回复
【Python+微信】【企业微信开发入坑指北】1. 数据链路打通:接收用户消息处理并回复
15 0
|
17天前
|
人工智能 算法 API
【Python+微信】【企业微信开发入坑指北】0. 创建自建应用并接入自己的服务
【Python+微信】【企业微信开发入坑指北】0. 创建自建应用并接入自己的服务
18 0
【Python+微信】【企业微信开发入坑指北】0. 创建自建应用并接入自己的服务