应通过配置文件、插件、.htaccess或全局mime.types添加MIME类型:Nginx在server块中types{}内添加,Apache在mime_module区块或.htaccess中用AddType,插件需安装后图形化配置,全局修改需验证语法并重载。

如果您在宝塔面板中部署的网站需要返回特定文件类型(如 .webp、.woff2、.mjs 等),但浏览器提示“MIME type not supported”或资源加载失败,则很可能是服务器未正确声明对应文件的 MIME 类型。以下是为网站添加额外 MIME 类型支持的操作步骤:
一、通过网站配置文件手动添加 MIME 类型
该方法直接修改 Nginx 或 Apache 的站点配置,适用于所有版本宝塔面板,生效即时且优先级最高。
1、登录宝塔面板,进入【网站】页面,找到目标站点,点击右侧【设置】按钮。
2、在弹出窗口中切换至【配置文件】选项卡。
3、若使用 Nginx,向下滚动至 server 块内,在 location ~ .*\.(gif|jpg|jpeg|png|bmp|swf)$ 类似区块之后、access_log 指令之前,插入以下 MIME 类型定义语句:
types { application/font-woff2 woff2; image/webp webp; application/javascript mjs; }
4、若使用 Apache,在配置文件中查找 <IfModule mime_module> 区块,将新增类型写入其中,例如:
AddType application/font-woff2 .woff2 AddType image/webp .webp AddType application/javascript .mjs
5、点击右上角【保存】,然后点击【重载配置】使更改生效。
二、通过宝塔 MIME 类型管理插件添加(需安装插件)
该方法依赖第三方插件“MIME类型管理”,提供图形化界面,适合不熟悉配置语法的用户,但需确保插件兼容当前面板版本。
1、进入宝塔面板【软件商店】,搜索关键词 MIME类型管理。
2、确认插件作者为“宝塔官方推荐”或高评分可信开发者,点击【安装】。
3、安装完成后,在左侧菜单栏出现【MIME类型管理】入口,点击进入。
4、点击【添加类型】按钮,在弹出表单中分别填写:
扩展名:webp MIME类型:image/webp
扩展名:woff2 MIME类型:application/font-woff2
5、每填写一组后点击【提交】,重复操作直至全部添加完成。
6、返回【网站】列表,对目标站点执行【重启】操作以加载新 MIME 规则。
三、通过站点根目录的 .htaccess 文件添加(仅 Apache 有效)
该方法无需修改主配置,适用于共享主机环境或临时调试,但仅对启用 mod_mime 的 Apache 有效,Nginx 忽略此文件。
1、使用宝塔【文件】功能,进入目标网站根目录(如 /www/wwwroot/example.com)。
2、检查是否存在 .htaccess 文件;若无,右键空白处选择【新建文件】,命名为 .htaccess。
3、双击打开该文件,在首行添加以下内容:
AddType image/webp .webp AddType application/font-woff2 .woff2 AddType application/javascript .mjs
4、保存文件,确保网站已开启 Apache 的“伪静态”功能(在站点【设置】→【网站目录】中勾选【允许跨目录访问】并启用【重写规则】)。
四、通过 Nginx 全局 mime.types 文件追加(高级用户适用)
该方法影响所有 Nginx 托管站点,适合统一管理多站点共用 MIME 类型,但需谨慎操作避免覆盖系统默认定义。
1、使用宝塔【文件】功能,打开路径:/www/server/nginx/conf/mime.types。
2、定位到 types { ... } 大括号内部末尾,在最后一个分号前换行。
3、插入自定义类型,格式严格遵循 Nginx 语法:
application/font-woff2 woff2; image/webp webp; application/javascript mjs;
4、保存文件,随后在终端或面板【安全】→【终端】中执行命令:nginx -t 验证语法正确性。
5、验证通过后执行:bt 1(或点击面板【软件商店】→【Nginx】→【重载配置】)。










