uniapp真机跳转外链
时间: 2023-09-09 16:12:21 浏览: 131
uniapp日常总结-uniapp页面跳转方式
在UniApp中,要在真机上跳转到外部链接,可以使用uni-app官方提供的openUrl方法。以下是一个示例代码:
```javascript
uni.navigateTo({
url: '/pages/webview/webview?url=' + encodeURIComponent('https://www.example.com')
})
```
在上面的代码中,我们使用`navigateTo`方法导航到名为`webview`的页面,并将外部链接作为参数传递。在`webview`页面中,您可以使用`uni.getStorageSync('url')`来获取传递的链接,并在WebView组件中打开该链接。
注意:在manifest.json文件中,您还需要配置域名白名单,以便允许跳转到外部链接。您可以在manifest.json文件中的`"app-plus"`字段下添加以下配置:
```json
"app-plus": {
"distribute": {
"android": {
"host": ["*.example.com"]
},
"ios": {
"host": ["*.example.com"],
"entitlements": {
"com.apple.developer.networking.wifi-info": true
}
}
}
}
```
在上面的示例中,我们将`*.example.com`添加到Android和iOS的域名白名单中。您可以根据实际需要修改域名。
这样,当你在真机上运行这段代码时,它将跳转到指定的外部链接。
阅读全文