当前位置:首页 > 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部署到服务器

部署准备 确保本地开发环境已完成项目构建,生成静态文件(H5端为/dist/build/h5目录)。检查服务器环境是否安装Nginx/Apache等Web服务软件,并配置好域名解析。 上传文件 通过…

uniapp 字体设置

uniapp 字体设置

uniapp 字体设置方法 uniapp 中设置字体可以通过以下几种方式实现,适用于不同场景和需求。 全局字体设置 在 App.vue 文件中通过样式定义全局字体,确保所有页面继承该字体设置。…

uniapp队列下载

uniapp队列下载

uniapp 实现队列下载的方法 在 uniapp 中实现队列下载通常需要管理多个下载任务,确保它们按顺序执行。可以通过以下方法实现: 使用 Promise 和递归实现队列下载 定义一个下载队列数…

uniapp 长按菜单

uniapp 长按菜单

实现长按菜单的方法 在UniApp中实现长按菜单功能,可以通过以下几种方式完成,具体取决于平台和需求。 使用@longpress事件绑定 在模板中为元素添加@longpress事件监听,触发后显示自…

react如何设置假的域名

react如何设置假的域名

设置本地开发环境假域名 在React开发中,可以通过修改本地hosts文件或配置开发服务器来实现假域名访问。以下是几种常见方法: 修改本地hosts文件 编辑系统hosts文件(路径:Windows…

php实现多域php实现多域名名

php实现多域php实现多域名名

多域名实现方法 使用PHP实现多域名支持可以通过多种方式完成,以下是几种常见的方法: 配置服务器虚拟主机 在Apache或Nginx中配置多个虚拟主机,每个域名指向同一个PHP项目目录。服务器会根…