当前位置:首页 > uni-app

uniapp获取域名

2026-03-05 08:35:27uni-app

获取当前页面域名

在UniApp中获取当前页面的域名可以通过window.location对象实现。由于UniApp跨平台特性,需注意各端兼容性。

uniapp获取域名

// 获取完整URL(包含协议、域名、路径等)
const fullUrl = window.location.href;

// 提取域名部分
const domain = window.location.hostname;

通过API获取配置域名

若需获取项目配置的服务器域名,可通过uni.getStorageSync读取全局配置:

// 假设域名已存储在全局变量中
const apiDomain = uni.getStorageSync('baseUrl') || 'https://default.domain.com';

动态环境变量处理

通过process.env获取编译时注入的域名变量(需在项目配置中提前定义):

// vite或webpack环境变量配置示例
const envDomain = process.env.VUE_APP_API_BASE;

注意事项

  • H5端:直接使用window.location可正常获取
  • 小程序端:需通过uni.getSystemInfoSync()获取部分信息,域名通常来自配置
  • APP端:可能需要通过原生插件获取完整域名信息
  • 跨域情况下需确保域名已加入合法域名列表

uniapp获取域名

标签: 域名uniapp
分享给朋友:

相关文章

uniapp实现支付功能

uniapp实现支付功能

支付功能实现概述 在UniApp中实现支付功能通常需要对接第三方支付平台(如微信支付、支付宝支付等)。以下是基于微信支付和支付宝支付的通用实现流程。 微信支付实现步骤 1. 配置支付权限 在微信开…

uniapp分享到facebook

uniapp分享到facebook

使用uniapp分享到Facebook的方法 在uniapp中实现分享到Facebook功能,可以通过调用原生插件或使用第三方SDK。以下是具体实现方式: 安装Facebook SDK插件 在un…

uniapp打包

uniapp打包

uniapp打包步骤 H5平台打包 在项目根目录运行以下命令生成H5资源文件: npm run build:h5 打包完成后,文件默认输出到/dist/build/h5目录,可直接部署到Web服务器…

uniapp中如何引用echarts

uniapp中如何引用echarts

在uniapp中引用echarts uniapp中引用echarts可以通过原生方式或第三方插件实现,以下是具体方法: 使用原生echarts 安装echarts依赖 在项目根目录下执行命令:…

uniapp审批

uniapp审批

uniapp审批流程实现 在uniapp中实现审批功能,通常需要结合前端界面和后端逻辑。以下是几种常见的实现方式: 前端界面设计 使用uniapp的组件和API构建审批界面,包括表单提交、审批列表展…

uniapp $on

uniapp $on

uniapp $on 方法详解 $on 是 UniApp 中用于监听全局事件的 API,常用于跨页面或跨组件通信。它基于 Vue 的事件机制,允许在全局范围内触发和监听自定义事件。 基本语法 un…