H5/公众号发布
H5/公众号发布
1. 配置生产环境变量
在 vortmall-uniapp/ 根目录创建 .env.production:
# VITE_API_URL 可以为空(H5 会自动使用当前部署域名 location.origin)
# VITE_API_URL=https://xxx.xxx.xxx
# API 前缀
VITE_API_PREFIX=/api
# 静态资源目录/地址(示例:/static 或 https://cdn.xxx.com/static)
VITE_STATIC_RESOURCE=/static
# 环境标识
VITE_NODE_ENV=production
# (可选)MQTT 地址,配置后优先使用(示例:wss://xxx.xxx.xxx/mqtt)
# VITE_MQTT_URL=wss://xxx.xxx.xxx/mqtt
2. 打包
在 vortmall-uniapp/ 目录执行:
npm run build:h5
运行后会生成:vortmall-uniapp/dist/build/h5/

3. 上传到服务器
将 dist/build/h5/ 目录内的文件上传到服务器:ROOT_PATH/public/mobile
4. 切换移动端访问目录(如需修改默认 /mobile)

1)修改 src/manifest.json 中的:
h5.router.base:将/mobile改成你想要的访问目录(如/h5)
修改后重新执行步骤 2、步骤 3,并将服务器目录 mobile 改成你填写的目录(如 h5)。
2)修改伪静态,将如下的 mobile 换成你替换后的目录名称(如 h5):
# 前端 Mobile 配置
location /mobile{
try_files $uri $uri/ /mobile/index.html;
}







