如何使用 python http.server 将 CSS 样式添加到 HTML 文件？

Question

我有一个从 python 运行的简单 http 服务器，它返回一个 HTML 文件作为 GET 请求。HTMl 文件只有一些输入，并且可以正确发送，但即使链接到 CSS 文件，也没有设置样式。这是服务器.py：

from http.server import BaseHTTPRequestHandler, HTTPServer

import time

hostName = "localhost"

serverPort = 8080

class MyServer(BaseHTTPRequestHandler):

    def do_GET(self):

            self.send_response(200)

            self.send_header("Content-type", "text/html")

            self.end_headers()

            h = open("main.html", "rb")

            self.wfile.write(h.read())

    def do_POST(s):

        if s.path == '/':

            s.path = './main.html'

if __name__ == "__main__":

    webServer = HTTPServer((hostName, serverPort), MyServer)

    print("Server started http://%s:%s" % (hostName, serverPort))

    try:

        webServer.serve_forever()

    except KeyboardInterrupt:

        pass

    webServer.server_close()

    print("Server stopped.")

即使当我托管服务器时，HTMl 文件链接到 output.css，它也会返回没有任何样式的 HTML 文件

Answer 1

这样做真的很复杂，因为你必须创建新的服务器来服务你的 css 文件。**最好使用强大且流行的解决方案，例如 Flask 和 Django **，您可以在其中轻松配置这些文件。

Answer 2

嘿，我必须自己解决这个问题。您可能已经解决了这个问题，但以防万一其他人偶然发现这个问题，这就是我想出的方法，效果很好！def do_GET(self):    # Cache request    path = self.path    # Validate request path, and set type    if path == "/resources/index.html":        type = "text/html"    elif path == "/resources/script.js":        type = "text/javascript"    elif path == "/resources/style.css":        type = "text/css"    elif path == "/favicon.ico":        path = "/resources/favicon.ico"        type = "image/x-icon"    else:        # Wild-card/default        if not path == "/":            print("UNRECONGIZED REQUEST: ", path)                    path = "/resources/index.html"        type = "text/html"        # Set header with content type    self.send_response(200)    self.send_header("Content-type", type)    self.end_headers()        # Open the file, read bytes, serve    with open(path[1:], 'rb') as file:         self.wfile.write(file.read()) # Send

Answer 3

你的html文件或css文件在一个文件夹中吗？如果是这样，请在 html 文件中更改指向“[文件夹名称]/output.css”的链接

Answer 4

当您的 HTML 文件加载到浏览器中时，它会尝试加载 CSS 文件 ( ./output.css)。由于您通过 HTTP 提供此页面，浏览器会发出 HTTP 请求来获取此 output.css 文件，但显然您的服务器不提供此 CSS 文件。