Momo小程序web-view无法对外链接,不支持打开非企业域名
这个问题困扰了我一晚上,终于解决了。 实在是太糟糕了,我还需要学习更多。
首先,主要有两个链接组件:navigator和web-view
导航器只能跳转到小程序内的页面,不能直接跳转到外部链接(例如:百度、天猫等网页无法跳转)。 说白了,只能在小程序内部跳转。
web-view可以跳转到小程序之外的页面,但是有一个前提,需要在陌陌公众平台上设置业务域名+校准文件(即你要跳转的网站的域名) 。 这也意味着,如果想要跳转到指定的网页,就必须将校准文件放在业务域名的服务器根目录下。 说白了:你只能跳转到自己的web服务器页面,而你想跳转到别人的主页,除非你能把校准文件放进去
总结:如果想使用外部链接,就使用web-view
使用外部链接后,报错:不支持打开非企业域名......
解决方案:只需在陌陌公众平台绑定外部链接(企业域名)即可
解决步骤:
确认需要重定向的企业域名
我要跳转的外部链接是,所以企业域名是
登录陌陌公众平台
地址:
依次找到开发->开发设置->业务域名
上图中,必须先将检验文件上传到业务域名所在服务器的根目录下,然后才能点击上传,否则会一直提示失败百度小程序网站是个人百度小程序网站是个人,检验失败。
跳转代码
场景:点击文件A的链接跳转到外部网页
文件A不能直接使用web-view组件,因为它会手动跳转到网页,无需点击。
因此,首先创建一个目录,例如outUrl目录,并新建文件Bprotocal.vue,该文件使用web-view跳转到外部网页
文件B:
文件A通过导航器跳转到outUrl目录下的protocol.vue文件,这样就可以了
文件A:
顺便说一下我遇到的其他问题:
不要再使用测试Appid了,必须使用小程序真实的Appid。 我用了很长时间的测试Appid。 如果里面操作完成了,但是还是提示不支持打开非企业域名...,可以尝试重启Mo MO开发者工具
发表评论