uni-app打包H5白屏问题

最新推荐文章于 2024-08-01 16:23:59 发布

我也不想当程序员

最新推荐文章于 2024-08-01 16:23:59 发布

阅读量1.8k

点赞数 2

文章标签：前端 uni-app

本文链接：https://blog.csdn.net/weixin_41060844/article/details/121247678

版权

本文详细讲述了uni-app打包过程中遇到的白屏问题解决方案，重点介绍了manifest.json文件中'router'配置的mode为'history'的原因，并复习了hash和history模式的区别，帮助开发者理解如何避免这个问题并优化前端路由。

摘要由CSDN通过智能技术生成

记一次uni-app打包h5白屏的问题

- - 解决方案
  - hash和history的区别

解决方案

mainfest.json

"router" : {
	"mode" : "history", // mode需要设置成 histry模式
    "base" : "/h5/" // base根据自己域名下是否有目录自行配置
 },

hash和history的区别

在这里复习一下 hash 和 history模式的区别

区别
hash： URL中带#
eg: http://www.aaa.com/#/hello
hash的值为#hello
特点：虽然出现在URL中，但只有hash之前的内容包括在请求中，对后端没有影响，因此改变hash不会重载页面
history: 没有#
前端的URL必须和实际向后端发起的URL一致