《踩坑记》uni-app打包H5项目访问到,运行空白页

《踩坑记》uni-app打包H5项目访问到,运行空白页_第1张图片
你写的代码有毒

踩坑由来

1、开发环境运行的uni-app项目一切正常。


《踩坑记》uni-app打包H5项目访问到,运行空白页_第2张图片

2、打包好的生产环境,访问页面一篇空白,但页面请求是成功的,控制台也没有报错。


《踩坑记》uni-app打包H5项目访问到,运行空白页_第3张图片

踩坑原因

1、uni-app使用了Vue框架,它有自己路由拦截器,不能和其他服务运行在同一个域名或端口下。
2、这次的项目打包好的生产环境代码,放在了后端服务域名下面,路由有冲突,所以uni-app项目运行不起来。

避坑方法

1、uni-app项目放在独立端口上运行。
2、本次实际解决方式为,把uni-app项目改为了html文件写法,通过后端服务域名直接访问html 文件。(本次项目只有一个页面,所以修改比较方便快捷)


《踩坑记》uni-app打包H5项目访问到,运行空白页_第4张图片

《踩坑记》uni-app打包H5项目访问到,运行空白页_第5张图片

你可能感兴趣的:(《踩坑记》uni-app打包H5项目访问到,运行空白页)