H5/公众号发布

1.配置生产环境变量

# .env.production
# VITE_API_URL可以为空,会自动获取部署文件所在域名, VITE_SOCKET_URL同理
# VITE_API_URL = https://xxx.xxx.xxx

2.打包

# npm run build:h5

运行上面命令,会在src生成同级目录dist,dist目录存在子目录build,build目录中存在h5目录

image.png

3.将h5目录中的文件上传到服务器(ROOT_PATH/public/mobile)

4.切换移动端访问目录(如您想切换默认的mobile的访问路径请参考如下教程)

企业微信截图_17351770255125.png
1)如果所示,修改h5下的base修改成您想要的访问目录如(h5),后重新执行步骤2,步骤3.并将mobile目录改成您填写的访问目录。
2)修改伪静态,将如下的mobile换成您想要替换的目录名称(如h5)

# 前端Mobile配置
location /mobile{
  try_files $uri $uri/ /mobile/index.html;
}
大纲
1.配置生产环境变量
2.打包
3.将h5目录中的文件上传到服务器(ROOT_PATH/public/mobile)
4.切换移动端访问目录(如您想切换默认的mobile的访问路径请参考如下教程)