问题描述:app拼接h5页面路径分享到微信h5展示,dev、rc、灰度都没有问题,发到线上之后才显示白屏。

    该问题,工作中出现了好几次,每次都造成困惑,不明所以。

    原因猜测:链接有很大一部分与其他页面的路径重复,造成微信在线上无法识别该路径。具体原因不明

    举例

    1. {
    2. path: '/order/schedule/detail',
    3. name: 'order_schedule_detail',
    4. component: OrderScheduleDetailPage,
    5. meta: {
    6. title: '在线约课',
    7. keepAlive: false,
    8. logined: false
    9. }
    10. },
    11. {
    12. path: '/share/order/schedule',
    13. name: 'share_order_schedule',
    14. component: ShareOrderSchedule,
    15. meta: {
    16. title: '在线约课',
    17. keepAlive: true,
    18. logined: false
    19. }
    20. }

    其中 /share/order/schedule 是最开始给予app拼接的链接,与 /order/schedule/detail 高度一致

    解决方案:/share/order/schedule 改为 /student/reserve/list 就不再白屏。

    注意: 以后需要给予app拼接的需要分享的链接,尽量保持独特,与其他页面的路径不重复即可,以避免类似问题