发生问题的原因
1、本地开发环境一切正常，调用接口。响应没有问题
2、打包部署到服务器上后，页面卡死。造成服务端接口挂起
3、nginx部署一切正常
使用技术
1、vue3 vant axios
2、vant postcss-px-to-viewport
排查问题方式
1、开始注释项目中所有的接口。
2、注释项目中所有的接口数据处理。（发现有问题）
3、注释部分接口，发现其中一个有问题。
4、分析原因，因为用的是vue3，并且使用的是reactive定义的响应式变量。给空数组赋值也没啥问题。
5、查看html渲染，发现在处理时用了reverse方法。（根本原因）
解决方案
- 将处理数组反转的方式放在接口请求回数组时处理，干掉页面中的调用数组的方法。reverse()
- 打包部署测试，发现一切正常。
总结
1、不能投机取巧，实打实的在该处理数据的地方处理数据。
2、不要在dom层面处理数据，否则开发环境正常。部署后出问题（让人感觉到蒙蔽，为什么会这样，开发环境明明好好的）
