Fiddler拦截请求与解决跨域问题

步骤：

1. 右击需要拦截的请求赋值完整的请求地址（可按CTRL+F查找）

   
   image

2. 输入命令回车：bpu + 需要拦截的地址 【如：bpu https://baidu.com/api/getNews】
   

   image.png

3. 刷新页面调用api即可看见被拦截的api，带一个【锚】标识：
   

   image.png
   此时查看chrome控制台的netWork，该api会一直处于pending的状态。

4. 点击该api可以在右边栏配置需要返回的文件，文件最好是json格式，具体根据Accept字段而定。

   
   image.png

解决跨域问题

5. 在选择上一步response文件后，可以自定义返回头，配置为cors跨域即可。

   
   image
   跨域配置

// 贴一下代码
HTTP/1.1 200 OK with automatic headers
Date: Tue, 21 Jul 2020 09:06:16 GMT
Content-Length: 45
Cache-Control: max-age=0, must-revalidate
Content-Type: application/json
Access-Control-Allow-Credentials: true
Access-Control-Allow-Headers: Content-Type,Access-Token
Access-Control-Allow-Methods: *
Access-Control-Allow-Origin: * // 请求failed改成本地地址
Access-Control-Expose-Headers: *

Game Over~