html中使用nginx ssi插入html

1.使用方法

nginx配置：

server {listen 80;server_name example.com;location / {root /var/www/html;index index.html;ssi on;   # 开启 SSI 功能ssi_types text/html; # 指定哪些类型的文件启用 SSI，默认只有 text/html}
}

html内容：

<!--#include file="header.html" -->
<p>主内容</p>
<!--#include file="footer.html" -->

这样，访问页面时，Nginx 会自动把 header.html 和 footer.html 的内容插入到对应位置。

2.SSI 指令常见用法

<!--#include file="文件名" -->
包含同一目录下的文件<!--#include virtual="/path/to/file.html" -->
包含指定路径的文件<!--#echo var="DATE_LOCAL" -->
显示当前服务器本地时间

3.注意事项

SSI 只对 text/html 类型的响应生效
包含的文件路径要正确，且有读取权限
适合小型、简单的动态内容拼接（复杂业务建议用后端语言或模板引擎）

4.与前端模板/后端模板的区别

SSI 是服务器端拼接 HTML，但不如后端模板（如 EJS、Jinja2）强大
适合页面片段的简单组合，不支持复杂的逻辑

5.什么是 SSI？

SSI（Server Side Includes） 是一种轻量级的服务器端网页动态技术。它允许你在 HTML 页面中插入特殊的指令，服务器在返回页面给客户端前，会把这些指令替换为实际内容（如包含其他文件、显示时间等）。

通俗理解：
你可以把 SSI 当作“网页里的拼接命令”，在服务器端自动把多个内容组合成一个页面返回给用户。