Python Socket HTTP服务器：解决HTML内容显示不完整问题
本文分析一个使用python socket构建的http服务器，其从本地读取html文件并返回给浏览器，但浏览器却无法完整显示页面内容的问题。问题根源在于http响应头缺少content-length字段。
原始代码片段展示了服务器如何接收客户端请求并发送index.html文件内容：
from socket import *
# 创建tcp套接字
s = socket()
s.bind(('0.0.0.0', 8000))
s.listen(3)
while True:
c, addr = s.accept()
print('connect from', addr)
data = c.recv(4096)
print(data)
# 读取html文件，作为响应发送给客户端
with open('index.html', mode='rb') as html_file:
head_row = b"""HTTP/1.1 200 OK
Content-Type: text/html
"""
c.send(head_row)
while True:
data = html_file.read(1024)
if not data:
break
c.send(data)
c.close()
s.close()
浏览器显示内容不完整的原因是HTTP响应头缺少Content-Length字段。浏览器需要知道响应体的长度才能正确解析和渲染HTML。 原始代码只发送了Content-Type，浏览器无法确定读取结束位置。
解决方案是在HTTP响应头中添加Content-Length字段，其值为HTML文件的大小（以字节为单位）。 改进后的代码如下：
import os
from socket import *
# ... (其余代码保持不变) ...
# 读取html文件，获取文件大小，作为响应发送给客户端
with open('index.html', mode='rb') as html_file:
file_content = html_file.read()
file_size = len(file_content)
head_row = f"HTTP/1.1 200 OK\r\nContent-Type: text/html\r\nContent-Length: {file_size}\r\n\r\n".encode()
c.send(head_row)
c.send(file_content)
c.close()
s.close()
改进后的代码首先读取整个index.html文件到内存，获取文件大小，然后在HTTP响应头中添加Content-Length字段。 注意：
立即学习“Python免费学习笔记（深入）”；
- 使用
\r\n作为HTTP头部的换行符。 - 使用f-string和
.encode()方法构建HTTP响应头。 - 一次性发送文件内容，提高效率，避免了循环发送数据。
通过添加Content-Length头字段，浏览器能够正确解析并显示完整的HTML内容。 此方法比逐块发送数据更高效，也更符合HTTP协议规范。 
