javascript - uniapp小程序微信分享带有参数的页面，第三方打开报错？

Question

页面detail 别的页面传递到detail参数，detail页面获取参数调用接口展示pdf

其他页面

 uni.navigateTo({
        url: `/pages/menu/detail?type=${item.fileNameType}&fileName=${item.fileName}`
      });

detail页面处理逻辑

onLoad(e) {
    console.log("参数", e.type)
    if (e?.m) {
      const titleType = e.m;
      let barTitle = "";
      switch (titleType) {
        case "1":
          barTitle = '中长期预报';
          break;
        case "2":
          barTitle = '海冰预报';
          break;
        case "3":
          barTitle = '预警报';
          break;
        default:
          break;
      }
      uni.setNavigationBarTitle({
        title: barTitle
      });
    }
    this.getDetail(e.type, e.fileName)
    this.getUrlCount(this.routerPath, "警报详情");
    let themeType = this.$store.state.curThemeType;
    this.setNavColor(themeType);
  },

detail页面被分享之后 pdf是无法获取的 求问原因

Answer 1

使用小程序开发者工具的真机调试工具看看 vConsole 的异常抛出。
一般都是小程序分享之后自动在分享的URL上自动拼接了微信的 query 参数导致的。

Answer 2

问题分析

从您提供的信息来看，detail 页面通过 uni.navigateTo 跳转并传递了两个参数：type 和 fileName。然而，在 detail 页面的 onLoad 生命周期方法中，您试图从 e 参数中获取 e.type 和 e.m，但是这里存在一个不一致的地方：您在跳转时传递的参数名为 type 和 fileName，但在 onLoad 方法中您试图访问 e.m，这是不存在的。

此外，当页面被分享后，如果通过分享链接打开页面，此时传入的参数方式可能会变（如使用 query 参数或者其他方式），这取决于分享的实现和接收方的处理逻辑。如果分享的实现没有正确传递这些参数，或者接收方没有正确处理这些参数，那么页面在打开时可能无法获取到预期的参数值，从而导致无法获取 PDF。

解决方案

1. 修正参数访问：在 detail 页面的 onLoad 方法中，确保您访问的是正确的参数名。由于您在跳转时传递的是 type 和 fileName，所以应该使用 e.type 和 e.fileName 而不是 e.m。

onLoad(e) {
    console.log("参数", e.type, e.fileName)
    if (e?.type) {
      const titleType = e.type;
      // ... 其他逻辑 ...
    }
    this.getDetail(e.type, e.fileName)
    // ... 其他逻辑 ...
},

2. 检查分享逻辑：确保您的分享逻辑能够正确传递这些参数。如果您使用的是微信小程序的分享功能，那么您需要在分享时将这些参数作为 query 参数添加到分享链接中。
3. 处理分享后打开页面的逻辑：当页面通过分享链接打开时，确保您能够正确解析出这些参数。通常，这些参数会作为 query 参数附加在 URL 后面，您可以通过 uni.getLocation 或者直接从 onLoad 方法的参数中获取它们。
4. 调试和测试：在开发过程中，使用 console.log 或其他调试工具来跟踪参数的传递和接收情况，以确保一切按预期进行。

总结

问题的主要原因是在 detail 页面的 onLoad 方法中错误地访问了不存在的参数 e.m。通过修正参数访问和检查分享逻辑，应该可以解决无法获取 PDF 的问题。