微信小程序 web-view 无法外链和不支持打开非业务域名

这个问题搞了我一下午啊, 终于解决了, 简直太菜了, 还是要多学习啊.

首先, 链接组件主要有两个: navigator 和 web-view
navigator 只能跳转到小程序内的页面, 不能直接跳转外链 (例如: 百度, 淘宝什么的网页都不能跳). 说白了, 就是只能小程序内部跳来跳去的.

web-view 可以跳转小程序外的页面, 但有个前提, 需要在微信公众平台先设置好 业务域名 + 校验文件 (就是你要跳的网站域名). 这也意味着, 想要跳转到指定网页, 必须将校验文件放到业务域名的服务器根目录下才行. 说白了: 只能跳转到自家的web服务器页面, 想跳别人的家网页, 除非你能把校验文件给放进去

小结: 想要用外链, 就使用 web-view

用了外链后, 错误提示: 不支持打开非业务域名.....
解决方案: 只要在微信公众平台绑定一下外链 (业务域名)就可以了

解决步骤:

确认要跳转的业务域名
我要跳转的外链是 https://www.omso2o.com/xxxxxxx, 所以业务域名为 https://www.omso2o.com
登录微信公众平台
地址: https://mp.weixin.qq.com
依次找到 开发 -> 开发设置 -> 业务域名

上图中, 一定要先把检验文件上传到业务域名所在的服务器根目录下, 才能点上传, 否则一直提示你失败, 检验不通过.
跳转代码
情景: 点击文件A的链接跳转到外部网页
文件A不能直接使用 web-view 组件, 因为这样不用点击, 就会自动跳转到网页.
所以, 先创建一个目录, 比如outUrl目录, 并新建一个文件Bprotocal.vue, 文件中里面用 web-view 跳转到外部网页
文件B : 文件A 则通过navigator 跳转到outUrl 目录下的protocal.vue文件, 这样就可以了

文件A :

顺便说一下我遇到的其他问题:

Appid 不要在用测试Appid了, 一定要用小程序的真实的Appid. 我当时用测试Appid嗨了半天.
如果上面的操作完了, 但依旧提示不支持打开非业务域名..., 可以尝试重启微信开发者工具

微信小程序 web-view 无法外链和不支持打开非业务域名相关推荐

h5跳转微信小程序，短信外链外部跳转微信打开任意第三方网址url，抖音跳转微信添加好友直接方法？
weixin://dl/business/?t= *TICKET* iOS系统支持识别URL Scheme,可在短信等应用场景中直接通过Scheme跳转小程序. Android系统不支持直接识别URL ...
控制微信小程序web view的返回按钮
需求:点击web-view页面的左上角返回按钮时,显示弹窗,点击取消或确认后才能返回.(实际上点击返回按钮会直接返回上一页) 解决方法:由于webview使用的是微信浏览器打开的,我们可以使用js的H ...
微信小程序学习——view的显示与隐藏
微信小程序学习--view的显示与隐藏需要在全局数据块中,设定一个控制键. data: {......//省略其他代码showView: true}, 然后是在wxml中,view的class中设置 ...
绑定bindchange事件的微信小程序swiper闪烁，抖动问题解决，（将微信小程序切换到后台一段时间，再打开微信小程序，会出现疯狂循环轮播，造成抖动现象）
绑定bindchange事件的微信小程序swiper闪烁,抖动问题解决,(将微信小程序切换到后台一段时间,再打开微信小程序,会出现疯狂循环轮播,造成抖动现象) 参考文章: (1)绑定bindchang ...
小程序源码：最新wordpress黑金壁纸微信小程序二开修复版源码下载支持流量主收益
这是一款wordpress系统框架的壁纸小程序源码相信很多人以前也有用过这类的壁纸小程序源码吧现在给大家发的这一款是二开修复版的和以前的安装方式差不多,支持流量主收益模式介绍: WordPre ...
微信小程序不支持打开非业务域名_微信小程序显示不支持打开非业务域名的解决方法...
随着科技时代的进步,无论是软件还是硬件都在飞速的成长和创新,从以前大多数都是软件到现在快应用小程序的出现,都是经历了非常多的时间演变,才慢慢的到了如今这个地步. 快应用:九大手机厂商基于硬件平台共同推 ...
最新wordpress黑金壁纸微信小程序二开修复版源码下载支持流量主收益
这是一款wordpress系统框架的壁纸小程序源码相信很多人以前也有用过这类的壁纸小程序源码吧现在给大家发的这一款是二开修复版的和以前的安装方式差不多,支持流量主收益模式介绍: WordPre ...
微信小程序：最新wordpress黑金壁纸微信小程序二开修复版源码下载支持流量主收益
这是一款wordpress系统框架的壁纸小程序源码相信很多人以前也有用过这类的壁纸小程序源码吧现在给大家发的这一款是二开修复版的和以前的安装方式差不多,支持流量主收益模式介绍: WordPre ...
微信小程序：微群人脉微信小程序源码下载全新社群系统优化版支持代理会员系统功能超高收益
大家好这一款微群人脉小程序系统以前也有发过那么今天所发的这款呢是经过优化后的版本之前的版本有很多用户反馈说登录后跳转到一个广告界面这个很不好会流失用户所以呢小编就把它优化了一下,该版本目前的情况 ...
小程序改了服务器域名无法显示,微信小程序显示不支持打开非业务域名的解决方法...
随着科技时代的进步,无论是软件还是硬件都在飞速的成长和创新,从以前大多数都是软件到现在快应用小程序的出现,都是经历了非常多的时间演变,才慢慢的到了如今这个地步. 快应用:九大手机厂商基于硬件平台共同推 ...

微信小程序 web-view 无法外链和不支持打开非业务域名

微信小程序 web-view 无法外链和不支持打开非业务域名

微信小程序 web-view 无法外链和不支持打开非业务域名相关推荐

最新文章

热门文章

微信小程序 web-view 无法外链 和 不支持打开非业务域名

微信小程序 web-view 无法外链 和 不支持打开非业务域名

微信小程序 web-view 无法外链 和 不支持打开非业务域名相关推荐

最新文章

热门文章

微信小程序 web-view 无法外链和不支持打开非业务域名

微信小程序 web-view 无法外链和不支持打开非业务域名

微信小程序 web-view 无法外链和不支持打开非业务域名相关推荐