在小程序里做课程、资料跳转，外部链接几乎都会碰到同一个限制：不能像普通网页那样随便打开。微信对这块卡得很死，直接 <a> 跳转不行，window.open 也没用。真要落地，通常就两条路：能进业务域名的，用 WebView；进不去的，老老实实复制链接给用户。
先看限制在哪里
微信小程序加载外部 H5，靠的是 <WebView />。问题不在组件本身，而在域名白名单。链接对应的域名必须提前配置到 小程序后台 → 开发设置 → 业务域名，不在白名单里的页面，WebView 也打不开。
所以我一般先判断一件事：这个链接的域名，能不能被我们控制。
能配置业务域名，就走 WebView
如果外部系统是公司自己维护的，或者至少域名可控，那处理起来不复杂。
先去 微信公众平台 的 开发 → 开发管理 → 开发设置 里把域名加进去。然后单独封一个 WebView 页面，把目标链接通过路由参数带过去。
import { WebView } from '@tarojs/components'
import { useRouter } from '@tarojs/taro'
export default function WebviewPage() {
const router = useRouter()
const { url } = router.params
// 从路由参数里取出外部链接
return (
<WebView src={decodeURIComponent(url || '')} />
)
}
业务页点击时再这样跳：
Taro.navigateTo({
url: `/pages/webview/index?url=${encodeURIComponent(course.link)}`
})
这套方式的好处很直接：用户感知上就是在小程序里打开了一个页面，流程顺，维护成本也低。前提只有一个，域名得先过微信这一关。
域名不可控时，复制链接更稳
另一种场景就没这么理想了。比如公司内网地址、临时环境、第三方系统不给配业务域名，这时候 WebView 没戏，硬上只会白费时间。
我会直接改成：点一下课程名，复制链接，同时给个 Toast 提示。用户切到浏览器或内网环境里自己打开，虽然不是最优雅，但排障和兜底都很实用。
