使用charles对vue项目进行map Local功能mock数据页面不正常显示

最近发现使用chales的 map local功能,对vue页面进行数据mock的时候,页面不能正常显示

使用charles对vue项目进行map Local功能mock数据页面不正常显示_第1张图片

查看控制台发现报错如下:

使用charles对vue项目进行map Local功能mock数据页面不正常显示_第2张图片

原因:

由于前后端分离导致的跨域问题

解决方法:

使用charles的rewrite 功能,在返回头上加上: Access-Control-Allow-Origin为*表示允许任何域的请求访问;

使用charles对vue项目进行map Local功能mock数据页面不正常显示_第3张图片

使用charles对vue项目进行map Local功能mock数据页面不正常显示_第4张图片

到此,问题解决

你可能感兴趣的:(问题解决)