Express 在获得授权的情况下提供 javascipt 文件

Question

在我的客户端javascript中，如果用户获得授权（使用firebase身份验证），我会请求私有内容，如下所示：

firebase.auth().onAuthStateChanged(user => {

  if (!user) {

    ui.start("#firebaseui-auth-container", uiConfig);

  }

  if (user) {

    import("/private.js").then(module => {

      console.log(module.default);

    });

  }

});

所有用户都通过托管网址的公共 firebase 提供服务，但只有当用户获得授权时，他们才会请求私有内容。我的重定向来处理这个问题：index.htmlfirebase.json

 "rewrites": [

      {

        "source": "**",

        "function": "app"

      }

    ]

我正在努力建立一个基于firebase函数的express后端来为javascript服务。（我还没有添加身份验证检查，因为我想让它工作，只是先为js服务）。

我的 firebase 函数如下所示：

const fs = require("fs");

const functions = require("firebase-functions");

const express = require("express");

const app = express();

app.get("/private.js", (req, res) => {

  fs.readFile("private.js", "utf8", function (err, data) {

    if (err) throw err;

    res.send(data)

  });

});

exports.app = functions.https.onRequest(app);

但是，当用户获得授权并且客户端尝试动态导入时，我收到以下错误：。如何正确设置MIME类型以提供js文件？private.jsFailed to load module script: The server responded with a non-JavaScript MIME type of "text/html". Strict MIME type checking is enforced for module scripts per HTML spec

Answer 1

我解决了这个问题。我需要使用： res.setHeader("Content-Type", "text/javascript"); //Solution!     res.writeHead(200);     res.end(data);而且它工作正常。

Answer 2

试试这个res.type('.js');res.send(data);

Answer 3

您需要告诉浏览器发生了错误，以便它不会尝试将响应解析为JavaScript。您可以通过发送以 4（客户端错误）或 5（服务器错误）开头的状态代码来执行此操作。下面是一个示例：app.get("/private.js", (req, res) => {  fs.readFile("private.js", "utf8", function (err, data) {    if (err) {      res.status(403).send('Could not load the data.');    } else {      res.send(data);    }  });});