From 54f1f35024c29f1cadc77d17ad7d5e66e644fb23 Mon Sep 17 00:00:00 2001 From: Tevin <tingquanren@163.com> Date: Wed, 17 Mar 2021 17:04:58 +0800 Subject: [PATCH] 组件样式,批量 rem 换 px,兼容小程序 --- bases/Fetcher.js | 118 ++++++++++++++++++++++++++++++----------------------------- 1 files changed, 60 insertions(+), 58 deletions(-) diff --git a/bases/Fetcher.js b/bases/Fetcher.js index 777ff95..8392590 100644 --- a/bases/Fetcher.js +++ b/bases/Fetcher.js @@ -18,18 +18,7 @@ this._data = { urlPrefix: options.urlPrefix || ['/api/common/', '/api/common/'], }; - // 网页 - if (process.env.TARO_ENV === 'h5') { - this._defaultConfig.url = window.location.protocol + '//' + window.location.host; - } - // 小程序 - else if (process.env.TARO_ENV === 'weapp') { - if (Fetcher.inDevMod) { - this._defaultConfig.url = project.localHost; - } else { - this._defaultConfig.url = project.serverHost; - } - } + this._defaultConfig.url = Fetcher.host; } /** @@ -436,17 +425,29 @@ if (!path) { return ''; } + // 多项时,先拆分转换,再合并 if (path.indexOf(',') >= 0) { return path.split(',').map(p => this.transImgPath(type, p)).join(','); - } else { + } + // 单项时转换 + else { // 修复补齐 if (type === 'fix') { - if (!path || /^(http|\/upload|\/static)/.test(path)) { + // 完整 URL,地址不变 + if (/^http/.test(path)) { return path; - } else { - return '/upload/' + path; } - } else if (type === 'cut') { + // 绝对路径 + if (/^(\/upload|\/static)/.test(path)) { + return Fetcher.host + path; + } + // 部分路径 + else { + return Fetcher.host + '/upload/' + path; + } + } + // 裁剪多余部分 + else if (type === 'cut') { const pathArr = path.split('upload/'); return pathArr[pathArr.length - 1]; } @@ -499,52 +500,12 @@ } /** - * 转换图片路径(旧版运营平台) - * @param {String} type - fix or cut - * @param {String} path - * @example - * fix -> '/upload/4/5e6c91eeccedc.jpg' - * cut -> '4/5e56307c489c7.jpg' - */ - transImgPath(type, path) { - if (!path) { - return ''; - } - if (path.indexOf(',') >= 0) { - return path.split(',').map(p => this.transImgPath(type, p)).join(','); - } else { - // 修复补齐 - if (type === 'fix') { - if (!path || /^(http|\/upload|\/static)/.test(path)) { - return path; - } else { - return '/upload/' + path; - } - } else if (type === 'cut') { - const pathArr = path.split('upload/'); - return pathArr[pathArr.length - 1]; - } - } - } - - /** * 记录是否为本地开发模式 * @type {Boolean} */ static inDevMod = (() => { // 网页 if (process.env.TARO_ENV === 'h5') { - const reg = new RegExp('(^|&)query=([^&]*)(&|$)', 'i'); - const match = window.location.search.substr(1).match(reg); - const param = match !== null ? decodeURIComponent(match[2]) : null; - // 当处于 mock 请求模式,视为本地开发 - if (param === 'mock') { - return true; - } - // 强制 real 请求,可在本地使用真实请求 - if (param === 'real') { - return false; - } // 当没有 url 指定时,只有内网 ip 和 33**/35** 的端口号,视为本地开发模式 return /^(192|127|localhost).*?:3[35]\d{2}$/i.test(window.location.host); } @@ -561,4 +522,45 @@ } })(); -} \ No newline at end of file + /** + * 当前服务器主机地址 + * @type {String} + */ + static host = (() => { + // 网页 + if (process.env.TARO_ENV === 'h5') { + // 开发 + if (Fetcher.inDevMod) { + return window.location.protocol + '//' + window.location.host; + } + // 生产 + else { + // 如果网址参数有指定服务器类型,匹配指定的服务器地址 + const sever = Tools.getUrlParam('sever'); + if (sever && typeof project.host.hosts[sever] !== 'undefined') { + return project.host.hosts[sever]; + } + // 网页域名提取服务器地址 + else if (window.location.protocol.indexOf('http') >= 0) { + return window.location.protocol + '//' + window.location.host; + } + // 非 http 协议打开时,使用设置的服务器地址 + else if (project.host.server) { + return project.host.server; + } + } + } + // 小程序 + else if (process.env.TARO_ENV === 'weapp') { + // 开发 + if (Fetcher.inDevMod) { + return project.host.hosts[project.host.devType]; + } + // 生产 + else { + return project.host.server; + } + } + })(); + +} -- Gitblit v1.9.1