主要面临的常见问题
-
跨域问题 ,错误提示如下:;
Uncaught DOMException: Blocked a frame with origin “http://local.tms.com:2222” from accessing a cross-origin frame.
该问题说白了就是跨域,需要后台的域名端口及前端访问的域名端口一致,此处可以采用webpack或nginx进行端口转发; -
现象:后端上次成功,前端解析失败,提示上传失败;诡异的原因在于 上传成功后返回数据正常但断点到image.js中的submit方法r返回值时,发现返回的json外层包装了一层pre代码元素导致eval解析失败;
如图
原因总结:发生此问题是由于不同浏览器对于代码文本信息的处理方式不同,chrome是将我这个iframe form表单提交返回的内容当成文本显示在页面上了;
解决方式:
修改html meta信息的设置
这个属性的设置应该就可以解决问题。 1、text/html是html格式的正文2、text/plain是无格式正文
3、text/xml忽略xml头所指定编码格式而默认采用us-ascii编码
4、application/xml会根据xml头指定的编码格式来编码
response.setHeader("Content-Type", "text/html");