H5/公众号发布
13
类别: 
vortmall前端Uniapp开发

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/

image.png

3. 上传到服务器

dist/build/h5/ 目录内的文件上传到服务器:ROOT_PATH/public/mobile

4. 切换移动端访问目录(如需修改默认 /mobile)

image.png

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;
}
评论 0
/ 1000
0
0
收藏