项目前提:h5收银台页面,写了两个空白页面来获取微信授权code以及需要的参数,并且跳转到图中支付页面。
问题描述:vue页面只有一个"立即付款"按钮,点击触发pay请求,页面只有一个pay请求调用后端接口。点击立即付款直接跳转图一中另一个请求,没有走pay请求,并且最后出现405页面。
解决过程:首先把浏览器调试里面的“网络”自定义调成慢速,才发现多了一个请求。第二步写一个空白页面只留下按钮和pay请求,并跳转到此空白页面,发现并没有多余请求。由此排查出问题就只出在当前支付页面。第三步把支付页面的pay请求干掉,只在里面输出参数,发现参数正常控制台输出,但是依然跳转多余的请求。
解决问题:仔细排查当前支付页面代码,发现是图中的代码问题,一种方法是干掉form表单,另一种是干掉submit按钮。页面就没有多余请求了。
总结:问题是很小的问题,归根结底想的太复杂,当局者迷。遇到问题一定要细心,一点一点排查问题的所在!