当前位置:首页 > uni-app

uniapp获取域名

2026-02-06 06:50:09uni-app

获取当前页面域名

在UniApp中获取当前页面的域名,可以通过window.location对象实现。由于UniApp运行在多端环境(H5、小程序、App等),需注意兼容性:

uniapp获取域名

// H5环境下获取域名
let domain = window.location.hostname;
console.log('当前域名:', domain);

获取配置中的域名

UniApp项目通常会在配置文件中设置请求域名,例如manifest.jsonconfig.js中:

uniapp获取域名

// 示例:在config.js中定义域名
export const API_DOMAIN = 'https://api.example.com';

动态获取请求域名

通过uni.requestbaseUrl或全局变量获取请求域名:

// 通过全局变量获取
const baseUrl = getApp().globalData.baseUrl;

// 或从环境变量获取(需配置process.env)
const domain = process.env.VUE_APP_API_URL;

小程序端特殊处理

小程序端无法直接使用window.location,需通过以下方式获取域名:

// 小程序获取当前页面路径(不含域名)
const pages = getCurrentPages();
const currentPage = pages[pages.length - 1];
const route = currentPage.route;

// 域名需通过配置或接口获取

注意事项

  • H5端可直接使用浏览器API,但非H5端需依赖配置或接口返回。
  • 跨端开发时建议使用条件编译:
// #ifdef H5
const domain = window.location.hostname;
// #endif
  • 生产环境建议将域名配置为环境变量,避免硬编码。

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

相关文章

uniapp隐藏滚动条

uniapp隐藏滚动条

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

uniapp实现支付功能

uniapp实现支付功能

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

uniapp请求超时处理

uniapp请求超时处理

uniapp请求超时处理方法 在uniapp中处理请求超时可以通过多种方式实现,以下是几种常见的处理策略: 设置全局请求超时时间 在main.js中配置全局请求超时时间,适用于所有请求: uni…

uniapp视频

uniapp视频

uniapp视频开发基础 uniapp支持通过video组件实现视频播放功能,该组件兼容多端(H5、小程序、App等),基本用法如下: <template> <video…

base64转换方法uniapp

base64转换方法uniapp

Base64 转换方法(UniApp) 在 UniApp 中实现 Base64 编码和解码,可以通过原生 JavaScript 的 btoa 和 atob 方法,或使用第三方库如 base64-js。…

uniapp 搜索

uniapp 搜索

uniapp 搜索功能实现方法 全局搜索组件集成 在pages.json中配置全局搜索栏,适用于所有页面顶部显示搜索框。示例代码: "globalStyle": { "navigationBa…