uniapp的h5问题（在刚进页面就请求数据）

img

img

img

img

asjdhhswjdcbsjxczhxkasdjlkaLSJAJGCD;OSDF

想问啥? 因为你写在onshow声明周期里了 所以一进就会调用

  • 这有个类似的问题, 你可以参考下: https://ask.csdn.net/questions/7658730
  • 这篇博客你也可以参考下：uniapp 实现复制功能（h5）
  • 除此之外, 这篇博客: uniapp 解决H5跨域的问题中的 小程序请求数据 部分也许能够解决你的问题, 你可以仔细阅读以下内容或跳转源博客中阅读:

  • 小程序请求数据，需要在：
    开发中开发设置中的服务器域名中添加 baseUrl基本url路径即可。

  • 您还可以看一下 雷玉广老师的H5入门-系列手机游戏开发-井字棋课程中的 系列课程概述小节, 巩固相关知识点
  • 以下回答由chatgpt基于相关博客总结生成:

    根据参考资料，针对问题给出解决方案：

    1. 使用uni.request()方法请求数据，在页面加载时调用该方法即可。
    uni.request({
  url: 'http://example.com/data',
  success: function(res) {
    console.log(res.data);
  }
});
    1. 建议先使用npm i weixin-js-sdk命令安装weixin-js-sdk，再在页面引入。
    import wx from 'weixin-js-sdk';
    1. 页面跳转时可使用uni.navigateTo()方法传递参数，接收参数的页面使用onLoad()方法获取参数。
    // 发送端 页面 A
uni.navigateTo({
  url: 'pageB?id=123&name=张三'
});

// 接收端 页面 B
onLoad: function(options) {
  console.log(options.id);
  console.log(options.name);
}

    1. 在uniapp中使用v-if、src时需要注意一些语法坑，例如在v-if内部不要使用{{}}双花括号；合理使用箭头函数，易出现this指向问题。

    2. 若有需求需要使用横竖屏自动切换的页面，建议在data定义一个判断横竖的值，再搭配uniapp页面生命周期onResize监听窗口的变化，动态绑定类样式。

    3. 条件编译可使用#ifdef和#endif，只在指定平台（例如APP）下执行和存在的代码。

    4. 对于微信小程序中有些API需要用户授权才能使用的情况，需要处理用户拒绝授权的情况，并考虑引导用户手动授权的方式。

    5. 在微信小程序动态样式不生效时，需要把对象拆开来给值。例如：

    <label
  :style="{ width: labelWidth + 'px' }"
  style="font-weight: 600;"
>
  {{ label }}
</label>

    1. 使用wtu工具将uniapp转换成HBuilderX工程时，命令行应为：wtu -i "E:\其他\patient-wechat\miniprogram"。

    2. 在uniapp应用直接传递消息时，可使用Storage API存储/获取数据。例如，使用uni.setStorageSync()存储数据，在另一个应用中使用uni.getStorageSync()获取数据。

    3. 页面跳转时可以使用uni.setStorageSync()方法缓存参数，然后在接收端使用uni.getStorageSync()方法获取参数。需要在离开页面时移除缓存。