当前位置:首页 > uni-app

uniapp获取域名

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

获取当前页面域名

在UniApp中获取当前页面的域名可以通过window.location对象实现。由于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获取编译时注入的域名变量(需在项目配置中提前定义):

uniapp获取域名

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

注意事项

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

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

相关文章

uniapp隐藏滚动条

uniapp隐藏滚动条

在UniApp中隐藏滚动条可以通过以下几种方法实现,具体根据使用场景选择: 全局样式设置(APP/H5) 通过修改全局CSS样式隐藏滚动条,适用于所有页面: ::-webkit-scrollbar…

uniapp 用法

uniapp 用法

uniapp 基本概念 uniapp 是一个基于 Vue.js 的跨平台开发框架,支持编译到 iOS、Android、H5 及小程序等多端。其核心特点是“一次开发,多端发布”,通过条件编译实现平台差异…

uniapp 线程

uniapp 线程

uniapp 线程的概念 在 uniapp 中,线程的概念与原生应用开发有所不同。由于 uniapp 是基于 JavaScript 的运行环境,它并不直接支持多线程操作。JavaScript 本身是单…

uniapp弹出选择

uniapp弹出选择

实现方式一:使用uni.showActionSheet 在UniApp中,可以通过uni.showActionSheet实现底部弹出的选择菜单。该方法支持自定义选项列表和回调处理。 代码示例:…

uniapp编译结果

uniapp编译结果

uniapp编译结果 uniapp的编译结果会根据目标平台不同而生成不同的输出文件。以下是主要平台的编译结果说明: H5平台 编译后会生成一个/dist/build/h5目录,包含标准的HTML5应…

uniapp布局规范

uniapp布局规范

uniapp布局规范 uniapp的布局规范基于Flexbox模型,支持跨平台开发,需兼顾不同设备的适配性。以下是核心布局要点: Flex布局基础 使用Flexbox实现弹性布局,默认display…