web测试前后端问题定位

1、测试流程
先熟悉开发提供的接口文档，一般会提供一个链接或者在swagger里面存放，了解相关接口的请求方式，传参方式，传参内容（有必填项和非必填项），请求和返回的字段的含义;
2、启动测试-测试过程中web端测试开启F12浏览器自带的调试工具，APP使用fiddler抓包（自行设置代理，下载证书），每进行一个操作，一般都会调用对应的接口，如下图所示，自带的工具都能查看到请求方式，入参内容等，
状态码报5开头的系列，一般都是服务器的问题；preview中的值就是response中的数据，一般通过preview查看更加直观，通常查看都在network里面查看数据请求和返回

console报错一般是前端问题，状态码一般是4开头

3、具体定位流程

1. 查看接口调用是否正确
2. 传参方式和入参的内容是否正常，必传参数有没有
3. 都正常的状态下，查看接口返回，接口返回数据是否正确，响应（preview）中没有数据，则是后端数据没有返回，前端展示为空，则为后端问题，接口返回正确，但是前端没有展示出来，则为前端问题
4. 响应中有数据，但是跟自己操作的结果不一致，可以根据数据库查询，如果数据库中也没有记录，可能是代码有问题
5. 当接口调用或者传参和入参有问题的时候，可以自己使用postman进行测试，数据填写完整，查看接口返回数据是否正常
6. 举例：测试翻页的时候，选择一页显示10个，但是页面还是显示5个，查看接口发现，请求参数里面，参数size=5，这个就是前端请求错误，可以自己在postman里面进行接口测试，修改参数size=10 ，查看数据返回是否正常，当然，如果size=10，但是查看preview接口返回的是5个数据，那就是后端问题；