![](https://img.haomeiwen.com/i12586005/48eb69b8b15c8f9c.jpg)
踩坑由来
1、开发环境运行的uni-app项目一切正常。
![](https://img.haomeiwen.com/i12586005/b93433d3d6b898c5.png)
2、打包好的生产环境,访问页面一篇空白,但页面请求是成功的,控制台也没有报错。
![](https://img.haomeiwen.com/i12586005/179ac5bd84395a76.png)
踩坑原因
1、uni-app使用了Vue框架,它有自己路由拦截器,不能和其他服务运行在同一个域名或端口下。
2、这次的项目打包好的生产环境代码,放在了后端服务域名下面,路由有冲突,所以uni-app项目运行不起来。
避坑方法
1、uni-app项目放在独立端口上运行。
2、本次实际解决方式为,把uni-app项目改为了html文件写法,通过后端服务域名直接访问html 文件。(本次项目只有一个页面,所以修改比较方便快捷)
![](https://img.haomeiwen.com/i12586005/255ce79bf769d05e.png)
![](https://img.haomeiwen.com/i12586005/8cd50ddc17a8ea65.png)
网友评论