Vue在2.6.9的版本中已经支持IE9,不在需要 polyfills
传送门
form表单实现文件上传的三种方式(适用于IE9)
Vue项目中文件上传兼容IE9
IE浏览器加载不出来,按下F12就回复正常
说下问题
- 项目需要兼容到IE9,使用的是element的UI框架中的upload是无法实现上传文件,故改用jquery的ajaxsubmit去实现。
- 在IE9中提交成功以后success会返回一段HTML,并非后端返回的数据
经过一系列排查(抱着试试看的态度)
- 安全提示"X-Frame-Options头未设置"
- 这个问题用chrome测试就会提示这个错误
X-Frame-Options 响应头
X-Frame-Options HTTP响应头是用来确认是否浏览器可以在frame或iframe标签中渲染一个页面,网站可以用这个头来保证他们的内容不会被嵌入到其它网站中,以来避免点击劫持。
危害:
攻击者可以使用一个透明的、不可见的iframe,覆盖在目标网页上,然后诱使用户在该网页上进行操作,此时用户将在不知情的情况下点击透明的iframe页面。通过调整iframe页面的位置,可以诱使用户恰好点击iframe页面的一些功能性按钮上,导致被劫持。
X-Frame-Options 响应头
X-Frame-Options HTTP 响应头是用来给浏览器指示允许一个页面可否在 , 或者 中展现的标记。网站可以使用此功能,来确保自己网站的内容没有被嵌到别人的网站中去,也从而避免了点击劫持 (clickjacking) 的攻击。
划重点!!!
X-Frame-Options 有三个值:
DENY
表示该页面不允许在 frame 中展示,即便是在相同域名的页面中嵌套也不允许。
SAMEORIGIN
表示该页面可以在相同域名页面的 frame 中展示。
ALLOW-FROM uri
表示该页面可以在指定来源的 frame 中展示。
关键点
所以后端需要去设置响应头
Header always append X-Frame-Options SAMEORIGIN