html中利用nginx ssi插入html

1.利用方法

nginx配置：

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

复制代码

html内容：

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

复制代码

如许，访问页面时，Nginx 会主动把 header.html 和 footer.html 的内容插入到对应位置。
2.SSI 指令常见用法

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

复制代码

3.注意事项

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

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

SSI（Server Side Includes） 是一种轻量级的服务器端网页动态技术。它允许你在 HTML 页面中插入特别的指令，服务器在返回页面给客户端前，会把这些指令更换为实际内容（如包罗其他文件、显示时间等）。
普通理解：
你可以把 SSI 当作“网页里的拼接命令”，在服务器端主动把多个内容组合成一个页面返回给用户。

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。

继续阅读请点击广告