如何定位前后端Bug？

1、如何分析Bug？

1）抓包接口定位分析

web项目的话，一般工作中使用方式比较多的是使用浏览器自带的F12抓包看接口请求。
如果是app客户端之类的，一般采用fiddler等工具进行抓包接口。
不管哪种方式，目的都是通过查看接口，去定位分析属于前端问题还是后端问题。

比如你在淘宝上边购买了一件商品，并且成功支付，但是在我的订单里面却没有记录，你应该如何去分析定位这个问题？

首先需要搞明白的是这个场景的数据流调用的逻辑关系，不过这个问题比较简单。

整体来说就是前端购买商品，支付成功，会把这条数据的商品信息加支付信息都落入数据库中。

然后点击我的订单，会调后端接口，后端从数据库取相关信息，然后前端渲染展示商品和支付信息。

搞明白这个场景的数据流转就很容易定位分析这个bug了，可以使用抓包工具抓包这个我的订单调后端的接口。

如果抓不到这个接口，就是前端没有发出请求，显然是前端问题。

如果有请求并且响应了，就查看这个接口响应信息，如果返回报错了，则需要具体分析报错内容。

这个时候既有可能是前端入参传的不对，导致后端报错。也有可能是前端传对了，后端处理错误，需要具体分析是前端问题还是后端问题。

如果后端成功响应了且返回信息跟接口文档定义的一致，那么大概率是前端展示的问题，这个时候需要找前端同事。

以上，就是定位一个bug是属于前端还是后端的分析思路。