为什么本地环境和测试环境显示的不一样？

前言：笔者是今年大学刚毕业的前端开发，刚刚参与工作中项目的上线，在上线的过程中碰到了一些问题，比如本地环境可以完整的展现产品的交互流程，但是一部署到测试环境就出现了错误，看着代码很久也不懂为什么，这是为啥呢？这个问题出现了几次，每次都是不同的地方出现纰漏，在此记录一下，也希望能帮到需要的人

如果能排除掉部署测试环境的分支错误，接口地址错误以及接口返回数据格式错误的问题，依然会显示不一样，这就需要看看前端代码了，应该是两个环境的数据提供不同，然后因为前端代码的错误，导致没有兼容到不同数据的情况

在我参与的项目中，我负责的是完成一个收藏跳转页面，点击收藏按钮，然后出现一个提示弹框：“收藏成功，可在我的收藏中查看”，这个我的收藏是可以点击跳转的，点击之后跳转到我的收藏页面中对应tab标签页下的收藏产品，而我出的bug就是点击收藏跳转后的标签页错误，这个跳转的标签页是根据id值跳转的，在这块我将它写死，可是没有考虑到其实这个标签的所有tab是可以通过web端更改的，当设置的tab标签变动且与本地环境的数据不同时，就会报错。

后来我开始通过遍历标签页取最终的tab的id值，就解决了这个问题。