时间戳

首页 > 解决方案 > Firebase 函数 - 如何在 index.js 中包含外部 style.css

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

问题描述

在服务器上部署后，外部 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>
    `);
});

标签： javascriptfirebasegoogle-cloud-functions

解决方案

Cloud Functions HTTP 触发器默认不提供静态内容（例如 HTML、CSS 和 JS 文件）。HTTP 触发器主要用于编写响应 HTTP 请求（如 API 调用）的代码。

如果您想随 HTTP 请求一起提供静态内容，您应该考虑将Firebase 托管与 Cloud Functions 一起使用。Firebase 托管将为您的静态内容提供服务，并且在正确配置后，它还会将一些 URL 转发到可由您编写的代码提供服务的 Cloud Functions。

您的另一个选择是在 Cloud Functions 中配置一个快速应用程序，并使用它设置一些路由，以便直接进入 Cloud Functions 的传入请求可以由您使用函数部署的内容提供服务。但我认为使用 Firebase 托管可能是更常见和有用的选择。

推荐阅读