Netlify自定义域名部署后出现text/plain MIME类型错误求助

1. 强制Netlify为JS/JSX文件设置正确MIME类型 #

在项目根目录创建或修改netlify.toml，添加以下配置：

[[headers]]
  for = "/*.js"
  [headers.values]
    Content-Type = "application/javascript"

[[headers]]
  for = "/*.jsx"
  [headers.values]
    Content-Type = "application/javascript"

部署时Netlify会读取该配置，强制为JS/JSX文件绑定正确的MIME类型，覆盖可能异常的默认配置。

2. 刷新Netlify CDN缓存 #

• 登录Netlify后台进入项目
• 打开Deploys页面，点击右上角的Clear cache and deploy site
• 等待重新部署完成后再次访问自定义域名
  CDN缓存可能留存了旧的错误MIME类型配置，强制刷新可确保新配置生效。

3. 检查自定义域名SSL/TLS配置 #

• 进入项目的Domain management页面
• 确认自定义域名的SSL/TLS certificate状态为Provisioned或Renewed
• 若状态异常，点击Renew certificate重新生成证书
  SSL配置异常可能导致CDN节点返回错误的响应头（包括MIME类型）。

4. 手动验证DNS解析状态 #

即使Netlify显示配置成功，仍需确认全球DNS同步情况：

• 终端运行dig rishi-bhumi.com
• 确认返回的IP属于Netlify CDN节点（通常后缀为*.netlify.com或*.netlify.app）
• 若解析到旧IP（如Hostinger服务器），需等待DNS完全同步（最长可能24小时）

5. 检查Vite构建配置 #

确保vite.config.js的输出配置无错误：

import { defineConfig } from 'vite';
import react from '@vitejs/plugin-react';

export default defineConfig({
  plugins: [react()],
  build: {
    outDir: 'dist', // 确认输出目录与Netlify默认读取路径一致
    assetsDir: 'assets',
    rollupOptions: {
      output: {
        entryFileNames: 'assets/[name].[hash].js',
        chunkFileNames: 'assets/[name].[hash].js',
        assetFileNames: 'assets/[name].[hash].[ext]'
      }
    }
  }
});

错误的构建输出路径可能导致Netlify无法正确识别资源类型。

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