如何让浏览器预览后端返回的 HTML 文件?

如何让浏览器预览后端返回的 html 文件?

前端如何在浏览器中预览后端返回的 html 文件?

后端返回了一个 html 文件的链接,但是使用 window.open("链接") 打开后,浏览器却直接下载了文件,而不是在浏览器中打开。

为了解决这个问题,我们需要在后端服务器的响应头中添加以下两行:

  1. content-type: text/html; charset=utf-8
  2. 删除 content-disposition 头

添加这两行响应头后,浏览器将正确识别返回的内容为 html 文件,并将其在浏览器窗口中打开。

具体示例:

// 后端代码
response.setHeader("Content-Type", "text/html; charset=UTF-8");
response.setHeader("Content-Disposition", "inline"); // 删掉这一行
response.send(htmlContent);

以上就是如何让浏览器预览后端返回的 HTML 文件?的详细内容,更多请关注其它相关文章!