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

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

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

原因：

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

解决方法：

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

到此，问题解决

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

vue项目做微信分享功能
vue项目做微信分享功能安装sdk npm install weixin-js-sdk --save 方法 1.新建js文件wxapi.js 2.在wxapi.js中引入sdk以及配置一些基本信息( ...
vue项目中解决浏览器刷新vuex数据消失问题
vue项目中解决浏览器刷新vuex数据消失问题说明 vuex中的数据经过浏览器刷新后会消失,所以应设置在浏览器刷新之前将数据存入浏览器或者cookie中. 操作打开App.vue,在created ...
vue项目中使用vant时tabbar遮挡页面解决方法
标题vue项目中使用Vant时tabbar遮挡页面解决方法单页面使用: 页面底部可以增加一个div,<div style="height: 5rem;"></d ...
Charles切环境，使用map Local
1,背景并不是一直都在线上环境操作,有时候可能会需要在sim环境,有时需要pre环境进行操作.charles有一个反射机制,对于有特殊需求的人来说还是很好用的:可以用charles的map loca ...
charles抓包中有趣的断点，Rewrite,Map Local功能
今天闲来无事给大家介绍一下charles中一些有趣的功能. 事情起因是这样的,在2018年的某某一天,小编的同学,给小编发了一个截图,如下. 小编看到这个截图之后,发现跟真实的相差无几,应该不是P图 ...
Charles本地映射修改返回 Map Local setting
抓取要修改的接口, 选择方式,如:JSON Text ,json , JavaScript, raw等全选复制,粘贴到文本文档找到文本文档修改参数找到该请求,copy url 再找 ...
vue项目实现前端打印功能
一.直接使用window自带的打印功能: window.print() <template><div><p>点击下面的按钮,可将div里的内容区域进行打印</ ...
vue项目实现登录/退出功能（包括token机制）
源码地址:https://gitee.com/cheng-xuyuan/blogWeb.git(请忽略这句) 一.登录业务的相关技术点 http是无状态的,为记录登录状态可通过cookie-sessi ...
Vue项目中指定区域的表格数据导出为Excel文件
vue项目中导出excel时有是会需要指定导出的区域如下图操作部分我们不需要导出只导出表格部分简记录下实现过程赋代码一. 安装三个依赖项 npm install -S file-saver np ...

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

原因：

解决方法：

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

最新文章

热门文章