问题描述:app拼接h5页面路径分享到微信h5展示,dev、rc、灰度都没有问题,发到线上之后才显示白屏。
该问题,工作中出现了好几次,每次都造成困惑,不明所以。
原因猜测:链接有很大一部分与其他页面的路径重复,造成微信在线上无法识别该路径。具体原因不明
举例:
{
path: '/order/schedule/detail',
name: 'order_schedule_detail',
component: OrderScheduleDetailPage,
meta: {
title: '在线约课',
keepAlive: false,
logined: false
}
},
{
path: '/share/order/schedule',
name: 'share_order_schedule',
component: ShareOrderSchedule,
meta: {
title: '在线约课',
keepAlive: true,
logined: false
}
}
其中 /share/order/schedule
是最开始给予app拼接的链接,与 /order/schedule/detail
高度一致
解决方案: 将 /share/order/schedule
改为 /student/reserve/list
就不再白屏。
注意: 以后需要给予app拼接的需要分享的链接,尽量保持独特,与其他页面的路径不重复即可,以避免类似问题