当前位置:首页 > uni-app

uniapp获取域名

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

获取当前页面域名

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

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

获取配置中的域名

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

// 示例:在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,需通过以下方式获取域名:

uniapp获取域名

// 小程序获取当前页面路径(不含域名)
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 实现画板功能的方法 在 uniapp 中实现画板功能,可以通过 canvas 组件结合触摸事件来完成。以下是一个基本的实现方案: 基本画板实现 在 template 中添加 canva…

uniapp 摇杆

uniapp 摇杆

uniapp 实现虚拟摇杆的方法 在uniapp中实现虚拟摇杆功能,通常需要结合canvas绘制和触摸事件监听。以下是具体实现方案: 基础摇杆实现 创建canvas画布 在template中添加c…

uniapp 跟随键盘

uniapp 跟随键盘

uniapp 键盘弹出时调整布局的方法 在 uniapp 中实现页面内容跟随键盘弹出调整布局,可通过以下方式实现: 监听键盘高度变化 使用 uni.onKeyboardHeightChange 监听…

uniapp 审批流程

uniapp 审批流程

uniapp 审批流程实现方法 在uniapp中实现审批流程,通常需要结合前端页面设计和后端逻辑处理。以下是常见的实现方案: 页面设计与组件开发 审批流程通常需要展示流程图、审批记录和操作按钮。可以…

uniapp移植app

uniapp移植app

理解UniApp移植的基本概念 UniApp是一个基于Vue.js的跨平台开发框架,支持一次开发多端部署(包括iOS、Android、Web等)。移植现有App到UniApp通常指将原生或其他框架开发…

react如何加自己的域名

react如何加自己的域名

为React应用配置自定义域名 部署React应用 确保React应用已构建并部署到支持静态网站托管的服务(如Netlify、Vercel、AWS S3、GitHub Pages等)。使用npm ru…