存储在 Azure 中的 PWA - 脚本具有不受支持的 MIME 类型（'text/plain'）

Question

我正在构建我的第一个自定义 service-worker.js，但遇到了这个错误。

我正在使用 Vue + PWA（工作箱） registerServiceWorker.js ：

import { register } from "register-service-worker";

if (process.env.NODE_ENV === "production") {
  console.log("service worker won't be registerd for now");
  register(`${process.env.BASE_URL}service-worker.js`, {
    ready() {
      console.log("App is being served from cache by a service worker.");
    },
    registered() {
      console.log("Service worker has been registered.");
    },
    cached() {
      console.log("Content has been cached for offline use.");
    },
    updatefound() {
      console.log("New content is downloading.");
    },
    updated() {
      console.log("New content is available; please refresh.");
    },
    offline() {
      console.log(
        "No internet connection found. App is running in offline mode."
      );
    },
    error(error) {
      console.error("Error during service worker registration:", error);
    }
  });
}

服务工作者.js：

console.log("Hello from service-worker.js");

Answer 1

为了摆脱这个错误，我只是更改了 service-worker.js 文件的内容类型（使用 Microsoft Azure 存储资源管理器 -> 右键单击​​ -> 属性 -> ContentType）

PS：如果你知道如何自动化，请告诉我。