在 微信公众平台 → 开发 → 开发管理 → 开发设置 里，把外部系统的域名加到「业务域名」里。

　　（2）封装一个 Webview 页面

　　新建一个 pages/webview/index.tsx 页面：

　　import from '@tarojs/components'import from '@tarojs/taro'​export default function WebviewPage() {  const router = useRouter()  const = router.params   // 从路由参数里取出外部链接​  return (    

　　 )}

　　（3）点击跳转时传递外部链接

　　在业务页面中，比如课程列表：

　　Taro.navigateTo({  url: `/pages/webview/index?url=$`})

　　这样就能在小程序里「无缝」打开外部网页，用户体验和原生浏览器几乎一样。

　　3️⃣ 方案二：域名不可控 → 自动复制链接

　　有些情况，外部系统的域名是公司内网的，根本没法加到微信后台的「业务域名」里。 这时 WebView 打不开，只能换个思路：

　　 点击课程 → 直接复制链接 → 提示用户去内网环境手动打开。

　　实现也很简单，用 Taro 的 setClipboardData：

　　 {    Taro.setClipboardData({      data: course.link,      success: () => {        Taro.showToast({          title: '链接已复制',          icon: 'success',          duration: 2000       })     }   }) }}>

　　这样用户点击课程名时，会复制到剪贴板，配合一个 Toast 提示，交互也很自然。

　　4️⃣ 进阶：自动判断策略

　　在项目里，我们甚至可以做一个「自动判断」：

• 　　如果 course.link 的域名在白名单里 → 走 WebView。

• 　　否则 → 自动复制。

　　简单写法：

　　const whiteList = ['example.com', 'study.company.com']​const openLink = (link: string) => {  const domain = new URL(link).hostname​  if (whiteList.includes(domain)) {    Taro.navigateTo({      url: `/pages/webview/index?url=$`   }) } else {    Taro.setClipboardData({      data: link,      success: () => {        Taro.showToast()     }   }) }}

　　这样在不同环境下都能兜底，用户体验更统一。

　　5️⃣ 踩坑记录

1. 　　WebView 无法打开？ 90% 是域名没加到「业务域名」，或者 Https 证书有问题。

2. 　　链接里有特殊字符？ 记得用 encodeURIComponent / decodeURIComponent 做参数传递。

3. 　　公司内网地址打不开？ 必须用复制方案，WebView 没法解决。

　　 总结

• 　　微信小程序里 不能直接跳转外部网页，只能走 。

• 　　能加业务域名 → WebView 打开

• 　　不能加 → 复制链接兜底

• 　　最佳实践：写一个 统一的打开链接函数，自动选择策略。

　　这样既符合微信的限制，又能保证用户体验。

　　‍ 以上就是我在实际项目中踩坑总结的「小程序跳转外部链接」两种思路，希望能帮到你！ 如果你也在做类似需求，欢迎留言交流～