如何配置Brackets实时预览修改shtml文件的Content-Type？

绝对可以调整这个Content-Type头来解决文件被强制下载的问题，具体方案取决于你对服务器和Brackets工具的控制权限：

1. 直接配置服务器（最优彻底方案） #

如果你有权限修改目标旧网站的服务器配置（比如Apache、Nginx），这是最靠谱的解决办法：

• Apache服务器：
  在网站根目录的.htaccess文件（没有的话直接新建一个）或者服务器全局配置httpd.conf里，添加以下规则，强制把.shtml文件的Content-Type映射为text/html：

  AddType text/html .shtml
  

  确保mod_mime模块处于启用状态（一般Apache默认会开启这个模块），保存配置后重启服务器即可生效。

• Nginx服务器：
  在你的站点配置块（server或location段落）里，修改types指令，补充.shtml的类型映射：

  types {
      text/html html shtml;
  }
  

  重启Nginx后，浏览器就会正确渲染shtml页面，而不是触发下载行为。

2. 调整Brackets本地预览配置 #

如果没法修改远程服务器的设置，你可以尝试自定义Brackets Live Preview的行为：

• Brackets的内置预览服务器依赖MIME类型映射规则，你可以手动添加自定义映射：

  1. 打开Brackets的菜单：Debug > Open Preferences File
  2. 在brackets.json配置文件中，添加MIME类型的自定义规则：

     "server.mimetypes": {
         ".shtml": "text/html"
     }
     

  3. 保存配置后重启Brackets，重新开启Live Preview，就能让本地预览时正确识别shtml为HTML类型。

  注意：这种方法只对Brackets的本地预览生效，访问远程服务器上的shtml文件时，还是得依赖服务器端的配置。

3. 临时应急方案 #

如果以上两种方法都暂时无法实施，你可以试试临时 workaround：

• 将本地的.shtml文件重命名为.html，浏览器会默认以HTML类型渲染它。但要注意，这样会丢失shtml的服务器端包含（SSI）功能，因为本地静态文件无法解析SSI指令。

内容的提问来源于stack exchange，提问作者GuruYaya