refactor(decoration): 重构店铺装修组件配置并规范化环境变量

- 重构装修组件配置,新增 icon 与 group 分类字段
- 将组件"图片"重命名为"热区","图片轮播"重命名为"轮播图"
- 新增搜索、公告、视频组件配置项
- 统一为各图片项添加 model 字段标识跳转模式
- 将装修页面组件间 pageGap 间距由 10 调整为 0
- 移除 im 模块中 VUE_APP_COMMON 变量,统一使用 VUE_APP_BUYER
- 为 im 环境变量与配置文件添加详细注释说明
This commit is contained in:
pikachu1995@126.com
2026-10-21 15:17:05 +08:00
parent da95f17885
commit f21ce6e252
118 changed files with 12064 additions and 1275 deletions

View File

@@ -1,30 +1,74 @@
/**
* 读取公共配置API路径。
* 工程会读取根目录下的 env 。
* 根目录下的.env文件是用来定义环境变量的。
* 它可以包含各种键值对,每个键代表一个环境变量。
* 这些环境变量可以在应用程序的整个生命周期内使用,例如在代码中访问、配置webpack或在构建部署过程中使用不同的值。
* env中的 ODE_ENV指定当前的环境。
* 可以分别创建.env.development、.env.production等文件。
* 默认.env 文件中的变量作为开发环境的环境变量。
* env文件修改的话需要重新编译项目。
* ==============================================================================
* 全局业务配置文件
* ==============================================================================
*
* 说明:
* 1. 本文件整合并导出了项目运行所需的全局配置参数,统一由环境变量 process.env 读取。
* 2. 环境变量定义在项目根目录下的 .env(生产)与 .env.development(开发)文件中。
* 3. 只有以 VUE_APP_ 开头的环境变量才会被 Vue CLI 编译并暴露给前端客户端代码。
* 4. 修改 .env 或 .env.development 文件后,必须重新启动开发服务或重新打包构建方可生效。
*
* 核心配置项包含:
* - 站点名称
* - 后端 IM 服务 API 接口与 WebSocket 实时通讯地址
* - 买家端/商家端跨系统接口基准地址
* - PC 端前台商城与商家端管理后台的外链跳转地址
*/
export default {
// 网站名称
/**
* 站点/系统标题名称
* 用于页面 document.title 设置及系统头部品牌展示
* 默认值: "LiLi IM"
*/
WEBSITE_NAME: process.env.VUE_APP_WEBSITE_NAME || "LiLi IM",
// 默认请求IM的API
BASE_API_URL: process.env.VUE_APP_API_BASE_URL || "",
// 默认请求的WS
BASE_WS_URL: process.env.VUE_APP_WEB_SOCKET_URL || "",
// 默认请求公有接口相关 API
BASE_COMMON: process.env.VUE_APP_COMMON || "",
// 默认请求用户相关API
BASE_BUYER: process.env.VUE_APP_BUYER || "",
// 默认请求卖家相关的API
/**
* IM 专属后端 HTTP API 接口基准请求地址
* 用于 Axios 请求实例 (如获取会话历史、发送单聊/群聊富文本、撤回消息、好友列表等)
* 对应环境变量: VUE_APP_API_BASE_URL
*/
BASE_API_URL: process.env.VUE_APP_API_BASE_URL || "",
/**
* IM 实时通讯 WebSocket 连接基准地址
* 用于前端与后端建立长连接,实时收发在线聊天消息、输入状态提示、系统通知等
*
* 【重要提示】协议选用原则:
* - 本地开发/联调环境(无 SSL 证书)必须使用 "ws://" 协议(如 ws://127.0.0.1:8885/lili/webSocket),切勿写成 wss:// 导致握手失败!
* - 生产/线上环境配置了 HTTPS/SSL 证书时,必须使用 "wss://" 协议(如 wss://im-api.pickmall.cn/lili/webSocket)
*
* 对应环境变量: VUE_APP_WEB_SOCKET_URL
*/
BASE_WS_URL: process.env.VUE_APP_WEB_SOCKET_URL || "",
/**
* 买家端 (Buyer) 接口基准地址
* 用于在聊天窗口中查询买家用户信息、买家端商品详情、买家订单卡片数据等
* 对应环境变量: VUE_APP_BUYER
*/
BASE_BUYER: process.env.VUE_APP_BUYER || "",
/**
* 商家端/卖家端 (Seller) 接口基准地址
* 用于获取当前店铺信息、客服坐席列表、商家端关联配置等
* 对应环境变量: VUE_APP_SELLER
*/
BASE_SELLER: process.env.VUE_APP_SELLER || "",
// 点击商品跳转到的地址
/**
* PC 买家端商城首页/商品详情页面跳转基准前缀
* 当用户在聊天窗口中点击商品链接或商品卡片时,在新窗口打开对应的商城商品详情页
* 默认值: "https://pc-b2b2c.pickmall.cn"
* 对应环境变量: VUE_APP_PC_URL
*/
PC_URL: process.env.VUE_APP_PC_URL || "https://pc-b2b2c.pickmall.cn",
// 订单跳转商家订单页面
PC_STORE: process.env.VUE_APP_PC_STORE || 'https://store-b2b2c.pickmall.cn',
/**
* PC 商家管理后台跳转基准前缀
* 当客服人员在聊天面板中点击买家咨询的订单卡片时,跳转至商家管理后台对应的订单详情页
* 默认值: "https://store-b2b2c.pickmall.cn"
* 对应环境变量: VUE_APP_PC_STORE
*/
PC_STORE: process.env.VUE_APP_PC_STORE || "https://store-b2b2c.pickmall.cn",
};

View File

@@ -154,7 +154,7 @@ export const del = (url, data = {}, options = {}) => {
*/
export const upload = (url, data = {}, options = {}) => {
return request({
url: config.BASE_COMMON + url,
url: config.BASE_BUYER + url,
method: "post",
data: data,
...options,