前端如何打开后端返回的 html 文件链接？
问题：
后端返回了一个 html 文件的链接，在前端使用 window.open(“链接”) 打开时，浏览器直接下载了文件，而不是在浏览器中预览。
解决方法：
为了在浏览器中预览 html 文件，需要对后端的响应头进行适当的设置：
一览AI绘图
一览AI绘图是一览科技推出的AIGC作图工具，用AI灵感助力，轻松创作高品质图片
45 查看详情
立即学习“前端免费学习笔记（深入）”；
移除 content-disposition 头：
content-disposition 头指定了浏览器的处理方式，默认为下载。通过移除此头，可以指示浏览器以普通方式打开文件。添加 content-type 头：
content-type 头指定了文件的 mime 类型。对于 html 文件，应将此头设置为 text/html; charset=utf-8。
示例响应头：
Content-Type: text/html; charset=UTF-8
注意：
如果后端无法直接返回 html 文件的内容，则需要将文件下载到本地，再使用 window.open() 打开本地文件。
以上就是前端如何让浏览器预览后端返回的 HTML 文件链接？的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/431119.html
微信扫一扫 
支付宝扫一扫 
