Nginx开启服务器端包含SSI后html文件引用另外一个html文件

2025-03-06

来源：汇喜乐

利用Nginx的服务器端包含功能（SSI），大大的减少了在制作网站时的重复工作，比如网页导航，头部，底部等等共同内容的重复编辑。

特别是目前的阿里云ECS云服务器和对象存储oss在同一地域时,两者可以免流量费，从而给服务器减轻了压力。

购买服务器后，首先要安装Nginx和其他web环境软件。

可以利用宝塔面板在当前网站的Nginx配置文件中开启SSI

配置Nginx

 server
      {
      #在server里面开启应该更好
      #启用 SSI 并隐藏错误信息
      ssi on;
      ssi_silent_errors on;  #如果引用的文件报错时，在显示页面隐藏 SSI 错误信息
      ssi_types text/html;   #指定text/html文件 MIME 类型支持 SSI
      }

在html页面中的应用

 <!--# include file="included.html" -->
 # included.html就是要引用的文件的文件名

关联知识

如果是php页面，可以使用下面方法

require 语法

 <?php require 'included.php'; ?>
 【推荐】使用 require 语法：类似于 include，但若指定的文件无法访问或包含错误，require 会生成一个致命错误（E_COMPILE_ERROR），停止脚本的继续执行。

include 语法

 <?php include 'included.php'; ?>
 这个语句会在执行到此处时尝试包含并运行指定文件中的代码。如果文件不存在或者包含错误，会生成一个警告，但是脚本将继续执行。