如何使用charles响应本地数据和解决跨域

当接口功能未完善或页面需要对特殊场景做展示时，可以使用charles的本地映射让接口返回本地编辑好的数据，方便测试页面展示情况。

1.本地映射，点击【工具】，打开本地映射，启用

 

 设置完毕以后，对应的接口会响应本地编辑的数据，有时候可能会碰到跨域的问题

2.解决跨域问题，点击【工具】，打开重写，启用重写，添加左边重写，编辑名称和需要重写的请求

 

 

点击下面的添加，加Access-Control-Allow-Origin、access-control-allow-credentials(true)，其他响应头参数视情况而定

 

 

配置完毕以后，重写页面如下，点击应用，确定。配置完毕，重新发起请求，会直接响应本地数据。