uniapp 编译H5项目部署tomcat,空白页

时间:2024-03-23 07:02:11

H5项目部署到服务器出现的问题

uniapp 编译H5项目部署tomcat,空白页Uniapp项目打包H5步骤:

  1. 点击菜单 发行->H5
    uniapp 编译H5项目部署tomcat,空白页
  2. 在当下项目下的unpackage/dist/build/h5目录找到出的资源,部署服务器(或者使用本地服务器预览,不要直接在浏览器打开html文件)。
  3. 访问时直接按照服务器路径访问,不需要加index.html

解决办法
首先在HbuilderX里点击【manifest.json】,然后选择【h5配置】,然后【路由模式】选择history模式(因为微信支付等场景不支持hash模式)
uniapp 编译H5项目部署tomcat,空白页
uniapp 编译H5项目部署tomcat,空白页
来来来敲黑板看下图
uniapp 编译H5项目部署tomcat,空白页