当前位置:首页 > uni-app

uniapp 外部连接

2026-03-05 01:14:27uni-app

在 uniapp 中打开外部链接

使用 uni.navigateTo 无法直接打开外部链接,需要借助 WebView 或浏览器打开。

在页面中嵌入 WebView 组件加载外部链接:

<template>
  <web-view src="https://example.com"></web-view>
</template>

通过浏览器打开外部链接

调用系统浏览器打开链接:

uni.navigateTo({
  url: '/pages/webview/webview?url=' + encodeURIComponent('https://example.com')
})

或直接使用:

plus.runtime.openURL('https://example.com')

处理 App 端外部链接

在 manifest.json 中配置 URL 跳转规则:

"plus": {
  "schemes": {
    "myapp": {
      "url": "https://example.com"
    }
  }
}

H5 端链接处理

在 H5 端可以直接使用 <a> 标签:

uniapp 外部连接

<a href="https://example.com" target="_blank">打开链接</a>

注意事项

  • iOS 需要配置白名单
  • 安卓可能需要配置 intent-filter
  • 微信小程序需要配置业务域名
  • 部分平台会限制非 HTTPS 链接

标签: uniapp
分享给朋友:

相关文章

uniapp改变checkbox选中状态

uniapp改变checkbox选中状态

修改 checkbox 选中状态的方法 在 uniapp 中修改 checkbox 的选中状态可以通过以下几种方式实现: 绑定 v-model 控制状态 通过数据绑定方式控制 checkbox 的…

uniapp广播

uniapp广播

全局事件通信 在UniApp中实现广播功能可通过全局事件机制完成,适用于跨页面或组件通信。使用uni.$emit、uni.$on、uni.$off等方法实现事件的触发、监听与移除。 发送广播(触发事…

介绍uniapp

介绍uniapp

Uniapp 概述 Uniapp 是一款基于 Vue.js 的跨平台开发框架,允许开发者使用一套代码同时生成 iOS、Android、Web 以及小程序应用。其核心优势在于高效开发和代码复用,大幅降低…

混合uniapp

混合uniapp

混合 UniApp 开发模式 混合 UniApp 开发通常指将 UniApp 与其他原生技术(如原生 iOS/Android 或 Flutter)结合使用,以兼顾跨平台效率和原生性能。以下是常见的混合…

uniapp多行注释

uniapp多行注释

uniapp多行注释方法 在UniApp中,多行注释的语法与JavaScript一致,可以使用以下两种方式实现多行注释。 方法一:使用/* */符号 通过/*开始注释,*/结束注释,中间的内容会被视…

uniapp开发

uniapp开发

uniapp开发简介 uniapp(DCloud出品)是一款基于Vue.js的跨平台开发框架,支持一次开发,多端发布(iOS、Android、Web、小程序等)。其核心优势在于代码复用率高,开发效率高…