Question

在服务器

上部署后，外部style.css文件无法正常工作

我的index.js和styles.css位于同一目录中。

index.js

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

exports.helloWorld = functions.https.onRequest((request, response) => {
 response.send(
    `<!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" type="text/css" href="style.css">
    </head>
    <body>
    Hello ...
    </body>
    </html>
    `);
});

Answer 1

云功能默认情况下，HTTP触发器不提供静态内容（例如HTML，CSS和JS文件）。 HTTP触发器主要用于编写响应HTTP请求的代码，如API调用。

如果您想要提供静态内容以及HTTP请求，您应该考虑使用Firebase Hosting和云功能。 Firebase托管服务将为您的静态内容提供服务，在configured properly时，它还会将一些网址转发给可以由您编写的代码提供服务的云功能。

您的另一个选择是在云功能中配置快速应用，并使用它设置一些路由，以便直接转到云功能的传入请求可以由您使用功能部署的内容提供。但我认为使用Firebase Hosting可能是更常见和有用的选择。

Firebase函数 - 如何在index.js中包含外部style.css

1 个答案: