h5、APP、微信小程序跳转外部链接的方法

在H5环境中跳转到外部链接，可以直接使用原生的window.location.href方法来实现。以下是一个简单的示例代码：

// 在需要跳转的地方调用该方法
window.location.href = 'https://blog.csdn.net';

window.open(外部地址)； // 此种方式在Safari浏览器中存在无法打开的情况
window.open("https://blog.csdn.net")；

另外，你还可以使用router-link组件来实现带有跳转功能的链接：

<router-link to="https://blog.csdn.net">跳转到外部链接</router-link>

在uniapp中，你可以使用navigator组件或者uni.navigateTo API来实现跳转到外部链接。

1、使用navigator组件：

<navigator url="https://blog.csdn.net" open-type="navigate">跳转到外部链接</navigator>

2、使用uni.navigateTo API：

uni.navigateTo({
  url: '/pages/webview/webview?url=' + encodeURIComponent('https://blog.csdn.net')
});

在这种情况下，你需要先创建一个webview页面来加载外部链接，/pages/webview/webview.vue 页面代码：

<template>
  <web-view :src="url"></web-view>
</template>
 
<script>
export default {
  data() {
    return {
      url: ''
    };
  },
  onLoad(option) {
    this.url = decodeURIComponent(option.url);
  }
};
</script>

请确保你的应用在manifest.json中配置了相应的权限，以允许访问外部链接。对于Web平台，这通常不需要特别配置，但是在某些平台（如iOS），可能需要额外的配置

APP中打开外部地址：

1、plus.runtime.openWeb(外部地址)；// 内置浏览器打开网站
plus.runtime.openWeb("https://blog.csdn.net/")


2、plus.runtime.openURL(外部地址)； // 调用第三方浏览器打开网址
plus.runtime.openURL("https://blog.csdn.net/")