Nginx中SSI的配置

Nginx中SSI的配置

微信搜索 zze_coding 或扫描 👉 二维码关注我的微信公众号获取更多资源推送:

介绍

什么是SSI

SSI 是 Server Side Include 的缩写,通常称为服务器端嵌入,是一种类似于ASP的基于服务器的网页制作技术。大多数(尤其是基于Unix平台)的 WEB 服务器如 Netscape Enterprise Server 等均支持 SSI 命令。

为什么要用SSI

用个例子来说明,一个静态化的页面中,需要嵌入一小块实时变化的内容。例如首页,大部分的页面内容需要缓存但是用户登录后的个人信息是动态信息,不能缓存。那么如何解决这个”页面部分缓存”问题,利用SSI就可以解决,在首页的静态页面中嵌入个人信息的动态页,由于是服务器端的嵌入,所以用户浏览的时候都是一个嵌入后的页面。

nginx配置SSI

nginx 默认就自带了 SSI,不需要安装任何组件模块。主要是三个参数,ssissi_silent_errorsssi_types,均可以放在http、server 或 location的作用域下。

  • ssi on:开启 ssi 支持,默认是off。
  • ssi_silent_errors on:默认值是 off,开启后在处理 SSI 文件出错时不输出错误提示:”[an error occurred while processing the directive] ”。
  • ssi_types:默认是 ssi_types text/html,所以如果需要 htm 和 html 支持,则不需要设置这句,如果需要 shtml 支持,则需要设置:ssi_types text/shtml

案例

1、修改 nginx.conf 配置文件增加以下内容:

ssi on;
ssi_silent_errors on;

该配置内容可以放在 http、server 或 location 下。

2、新建文件 a.html,内容如下。

<html>
    <head>
    </head>
    <body>
    A.OK
    <!-- 引入b.html -->
    <!--#include file="b.html"-->
    </body>
</html>

3、新建文件 b.html,内容如下。

<html>
    <head>
    </head>
    <body>
        B.OK
    </body>
</html>

 把编写的两个 html 文件都放到 nginx 的 html 目录中,重启 nginx,通过浏览器访问 http://localhost/a.html,得到以下页面:

image.png

即可以看到A页面中引入了B页面的内容。

Copyright: 采用 知识共享署名4.0 国际许可协议进行许可

Links: https://www.zze.xyz/archives/nignx-ssi.html

Buy me a cup of coffee ☕.