uni-app 开发中如何跳转外链

uni开发整理

1：在开发App的过程中，经常会遇到一些场景，比如支付使用H5的支付模式（为什么不用原生native支付，因为申请和更改账号流程比较麻烦，你懂得），这个时候就需要使用App打开一个h5的链接。再比如说，检测版本的更新，发现有新版本，打开应用宝的链接或者appstore，让用户强制去更新最新版本。简单代码就是使用下面这一段，打开了一个外部的H5链接  -- 应用场景  在app内部跳转到外部App或者浏览器 、强更app嫌热更新麻烦

解决方案：

plus.runtime.openURL('https://baidu.com');

2，在web开发或者App开发中,需要跳转外链，因为uni官方文档暂时不只是外部直接调用链接 <web-view></web-view>这个组件又会默认加上文件路径，导致在对接部分api的时候会让原链接失效 应用场景：例如我这阵子在对接银行时候，银行给的每个链接都是在银行备案过的，默认加了前缀就会失效

解决方案：

navToDetail(item){
let id = item.url.substring(8,item.url.length);
window.location.href = 'https://' + id;

}

为什么用substring拆分 应该就不用解释了吧。

这个方法在web端完美，公众号，小程序完美运行，App部分机型，会报TypeError: undefined is not an object (evaluating 'window.location') __ERROR 这个 可以直接打正式服尝试一下  有的就解决了

本文地址：https://blog.csdn.net/victory_pang/article/details/107872472