当前位置:首页 > 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怎么使用

安装与开发环境搭建 下载HBuilderX作为开发工具,这是官方推荐的IDE,内置uniapp项目模板和调试工具。安装后通过新建项目选择uniapp模板,支持Vue.js语法。确保Node.js环境已…

uniapp前端页面

uniapp前端页面

Uniapp 前端页面开发指南 Uniapp 是一个基于 Vue.js 的跨平台开发框架,支持一次开发,多端部署(H5、小程序、App等)。以下是开发 Uniapp 前端页面的关键方法和注意事项。…

uniapp实现懒加载

uniapp实现懒加载

uniapp实现懒加载的方法 在uniapp中实现懒加载可以通过多种方式,以下是几种常见的方法: 使用uni.lazyLoad组件 uniapp提供了内置的懒加载组件,适用于图片等资源的懒加载。在…

uniapp 如何封装request请求

uniapp 如何封装request请求

封装 request 请求的核心思路 在 UniApp 中封装请求通常基于 uni.request,通过统一处理 URL、参数、header 和拦截逻辑提升代码复用性。以下是一个完整封装方案: 创…

uniapp中如何引用echarts

uniapp中如何引用echarts

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

uniapp get

uniapp get

uniapp 获取数据的方法 在 uniapp 中获取数据可以通过多种方式实现,包括 API 请求、本地存储、页面传参等。以下是一些常见的方法: API 请求获取数据 使用 uni.request…