vue项目部署到云闪付小程序问题记录

小程序：云闪付
技术栈：vue2

问题1：回调地址不正确

逻辑：前端鉴权成功，调用后台登录接口，并传一个回调地址（一般是项目首页），后台登录成功，返回回调地址，前端跳转该回调地址。

问题描述：登录接口返回200，但是跳转回调地址会显示白屏

原因：后台回调地址不全，如前端将回调地址https://xxx.com/#/a?callback=cb传给后端，后端只接收到https://xxx.com/，#后面的接收不到

解决：encodeURIComponent()给回调地址编码一下

问题2：资源未构建

问题描述：打开首页，小程序页面显示文件未构建，白屏，报错404

可能原因：

1. 没有构建对应的页面，需要打包，把构建产物配到对应的页面地址上；
2. 权限之类的问题，比如部署在生产环境，token用了测试环境的，具体可能是后端那边的问题，可以看看授权、登录的接口有没有报错；
3. 构建的资源有没有问题，npm run dev、build之类的有没有报错

问题3：跳转登录页面闪烁

问题描述：第一次进首页要先跳登录，然后再跳回来，如果首页已经加载了，然后跳登录就变白屏，再调回来再显示首页

解决：第一次先不显示首页，登录成功跳回来再显示首页，这样在登录成功前都是白屏，不会闪一下。