当前位置:首页 > 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读取全局配置:

uniapp获取域名

// 假设域名已存储在全局变量中
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极光推送集成步骤 准备工作 注册极光推送开发者账号,创建应用获取AppKey。确保uniapp项目已配置好原生插件支持。 安装插件 在uniapp项目manifest.json文件中,选…

uniapp grid

uniapp grid

uniapp grid 布局实现方法 在 uniapp 中实现 grid 布局可以通过多种方式完成,包括使用内置组件、CSS Grid 或第三方插件。以下是几种常见的实现方法: 使用 uni-gri…

uniapp图形绘制

uniapp图形绘制

Uniapp 图形绘制方法 Uniapp 提供了多种图形绘制的方式,适用于不同场景需求。以下是常见的实现方法: Canvas 绘制 Uniapp 支持使用 HTML5 Canvas API 进行图形…

uniapp 区分环境

uniapp 区分环境

uniapp 区分环境的方法 uniapp 提供了多种方式来区分开发环境和生产环境,以便在不同环境下执行不同的逻辑或配置。以下是常见的几种方法: 使用 process.env.NODE_ENV 在代…

uniapp如何调用

uniapp如何调用

uniapp调用方法 uniapp提供了多种调用方式,包括API调用、组件调用和插件调用。具体方法如下: API调用 uniapp内置了大量API,可以通过全局对象uni直接调用。例如调用网络请求A…

uniapp 自动打包

uniapp 自动打包

uniapp 自动打包方法 uniapp 支持通过命令行或 CI/CD 工具实现自动化打包,适用于 H5、小程序、App 等平台。以下是常见的自动打包方式: H5 或小程序打包 使用 npm ru…