Secureity5 整合 editor.md 上传图片报错:X-Frame-Options

Secureity5 整合 editor.md 在上传图片时总是报错

Load denied by X-Frame-Options: http://127.0.0.1:9002/uploadeFile?guid=1550410830006 does not permit framing.
SecurityError: Permission denied to access property "document" on cross-origin object

上传图片正常。后台可以接收图片,也可以返回JSON。但是就是不回显数据。而且报一个X-Frame-Options的错误。


响应头 X-Frame-Options 主管iframe是否可以加载内容。一般默认为 deny。分为以下三种:

  • DENY:浏览器拒绝当前页面加载任何Frame页面
  • SAMEORIGIN:frame页面的地址只能为同源域名下的页面
  • ALLOW-FROM:origin为允许frame加载的页面地址。

解决办法

  • 参考
  • 因为使用的是 security 可以直接对 security 配置文件进行设置:
       // 同源下可以加载iframe
        //    DENY:浏览器拒绝当前页面加载任何Frame页面  (默认)
        //    SAMEORIGIN:frame页面的地址只能为同源域名下的页面
        //    ALLOW-FROM:origin为允许frame加载的页面地址。
        http.headers().frameOptions().sameOrigin();

扩展内容
github
个人博客

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: 如果在使用 Flask 集成 editor.md 上传图片报错 400,并提示不是 json 格式,可以尝试以下解决方法: 1. 确保你的 Flask 服务器正在运行。 2. 确保你的 editor.md 设置中的图片上传接口地址正确,并且与 Flask 中设置的图片上传接口地址一致。 3. 确保你的 Flask 服务器能够接收并处理表单数据。可以尝试在 Flask 服务器中打印 request.form 或 request.values 查看是否能正常获取表单数据。 4. 如果你使用的是 editor.md 的图片上传插件,确保你的服务器环境满足图片上传插件的依赖需求,并且已经安装了相应的依赖。 5. 如果以上步骤都没有解决问题,你可以尝试在 Flask 服务器端添加调试代码,打印更多的信息,以帮助你更好地定位问题。 ### 回答2: 如果在使用flask集成editor.md上传图片时遇到400错误并提示不是json格式,可能是因为后端无法正确解析上传的数据格式。解决这个问题,你可以按照以下步骤操作: 1. 查看前端代码:首先,确认你的前端代码是否正确地将文件以json的方式进行了上传。具体来说,需要确保前端将文件数据以`multipart/form-data`的形式进行上传,并且将`type`设置为`POST`方法。 2. 后端代码修改:然后,你可以检查后端代码,确保后端正确解析请求数据的格式。通常情况下,你需要使用`request.files`来获取上传的文件数据,而不是`request.json`。确保你的代码中指定了正确的数据解析方式。 3. 请求头修改:你还可以尝试在请求头中添加`Content-Type: multipart/form-data`,告诉服务器你发送的数据是以`multipart/form-data`格式进行的。 4. 检查文件大小:还有可能是因为上传的文件过大,导致服务器无法处理。你可以更改服务器配置,增加文件上传大小限制。 5. 查看服务器日志:最后,你可以查看服务器日志,看看是否有其他错误信息提供了更多的线索。 通过以上步骤中的一种或多种操作,你应该能够解决flask集成editor.md上传图片报错400并提示不是json格式的问题。记得在修改代码前备份代码,以便出现问题时可以还原。 ### 回答3: 当flask集成editor.md进行图片上传时,报错400并提示不是json格式的错误,可以按照以下步骤来解决: 1. 检查前端代码:在前端代码中,确保上传图片的请求设置正确。可以使用`editor.md`提供的`imageUpload`配置项来设置图片上传的URL和文件参数名。确保URL正确并且文件参数名与后端保持一致。 2. 检查后端代码:在后端代码中,确保接收图片上传请求的路由处理函数设置正确。检查是否正确解析请求的JSON数据。通常使用`request.json`来获取请求的JSON数据。 3. 检查请求头:确保前端在上传图片时正确设置请求头。通常在上传图片时,需要设置`Content-Type`为`multipart/form-data`或`application/octet-stream`,确保正确设置请求头可以帮助服务器正确解析请求。 4. 检查图片上传处理:确保后端代码能够正确处理图片上传请求。在后端路由处理函数中,根据实际需要进行图片上传的处理逻辑,并返回正确的响应数据。如果出现不是JSON格式的错误提示,可能是后端在返回响应时,没有正确设置响应header的`Content-Type`为`application/json`。 5. 检查图片保存路径和权限:确保图片保存路径正确,并且具有足够的权限用于保存上传的图片。检查上传图片后,将其保存到正确的路径中,并确保路径存在且具有正确的读写权限。 6. 检查网络连接和环境配置:如果以上步骤都没有问题,并且仍然出现400错误提示,那可能是由于网络连接问题或环境配置问题导致的。检查网络连接是否正常,确保网络稳定。检查环境配置,比如检查是否有使用代理服务,可能会影响正常的数据传输。 通过以上步骤的检查和调试,应该能够解决flask集成editor.md上传图片报错400的问题。如果仍然无法解决,可以根据具体的错误提示和日志进行更深入的排查。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值