使用錯誤（無）MIME 類型的 Vite 服務着色器文件

Question

我正在開發一個 BabylonJS 應用程序。 BabylonJS PostProcess class 將.fragment.fx附加到給定的文件名並從服務器請求它。 當我的本地 Vite（版本 4.0.4）開發服務器提供此文件時， content-type header 為空。 這導致 Firefox 將其解釋為類型xml並失敗。 Chrome 通過不同但我認為相關的機制失敗。

如何配置 Vite 以text/plain格式提供*.fragment.fx static 文件？ 我假設我需要禁用默認中間件並改為編寫一些自定義代碼，如下所示： https://vitejs.dev/config/server-options.html#server-middlewaremode但我想先檢查沒有別的東西繼續/配置/修復此問題的更簡單方法。

vite dev server 使用vite --host --port 3000 --force啟動， vite.config.js中的配置為：

import { defineConfig } from 'vite';

export default defineConfig(({ command, mode }) => {
    // if (command === 'serve') {
    //     return {
    //       // dev specific config
    //     }
    // } else {
    //     // command === 'build'
    //     return {
    //         // build specific config
    //     }
    // }


    return {
        resolve: {
            alias: {
                "babylonjs": mode === "development" ? "babylonjs/babylon.max" : "babylonjs",
            }
        },
        base: "",
        // assetsInclude: ['**/*.fx'],
    };
});

* 編輯 1 *

我已經看到有一個 參數?raw可以添加到 URL 但是我不控制 BabylonJS forms URL 的方式，所以我看不到如何在這種情況下進行這項工作。

Answer 1

我按照這些說明使用 express 設置了一個開發服務器。 我在調用app.use(vite.middlewares)的上方添加了這段代碼：

  app.use("**/*.*.fx", async (req, res, next) => {
    const url = req.originalUrl

    const file_path = path.resolve(__dirname, "." + url)

    const file = fs.readFileSync(file_path, "utf-8")

    res.status(200).set({ "Content-Type": "text/plain" }).end(file)
  })

我現在使用"dev": "node server",

我找不到通過配置默認的 vite 開發服務器來解決這個問題的方法。