首页 web-view 小程序webview分享出现该页面不存在，你可以进入xxx首页获取更多服务，微信web-view分享失败

下面文章小编就为大家带来一篇讲到小程序webview分享出现该页面不存在，你可以进入xxx首页获取更多服务，微信web-view分享失败。小编觉得挺不错的，现在就分享给大家，如果你在找web-view动态分享，web-view分享，webview分享，也可以做个学习。一起跟随小编过来看看吧。

小程序webview分享出现该页面不存在，你可以进入xxx首页获取更多服务，微信web-view分享失败

作者：小程序教员发布时间：2018-04-23

有学员在做小程序web-view开发时，想要让用户把页面分享给微信好友或微信群，但是遇到‘该页面不存在，你可以进入xxx首页获取更多服务’错误，问子恒老师应该怎么办？

{{video_pos}} 虽然小程序 web-view 组件提供了分享功能，但是官方文档演示的是一个静态页面的分享，

    onShareAppMessage(options) {
        console.log(options.webViewUrl)
        return {
          title: '小程序web-view分享',
          path: '/pages/index/index',
          success: function(res) {
            // 转发成功
          },
          fail: function(res) {
            // 转发失败
          }
        }
    }

把 path 写死了，在实际小程序的应用中，企业更加希望用户打开 webivew内页后，也能够分享当前页面。一、 webview出现该页面不存在，你可以进入xxx首页获取更多服务错误的原因出现这个错误，其实是分享路径 path 出错，一些学习直接把获取到的 webViewUrl 放到 path 中去，由于小程序分享功能的 path，通常是项目路径，而 webViewUrl 是一个网络 url，当然会出现该页面不存在，你可以进入xxx首页获取更多服务错误了。二、 web-view 动态分享h5网页链接地址想要让用户在 web-view 中，打开你h5网站，点击进入不同页面后，分享当前页面到小程序，你不能在 web-view 中把 src 写死，像下面这样是无法实现的 wxml