零基础自学Nginx 进阶篇 2 Nginx静态资源部署 2.2 Nginx静态资源的配置指令 2.2.5 index指令

朱雀 2024-03-26 13:20 27阅读 0赞

#### 零基础自学Nginx ####

#### 文章目录 ####

*   *   *  零基础自学Nginx
         *  进阶篇
         *  2 Nginx静态资源部署
         *   *  2.2 Nginx静态资源的配置指令
             *   *  2.2.5 index指令

[【黑马程序员Nginx教程，Java进阶从0到1学会Nginx分布式框架】 ][Nginx_Java_0_1_Nginx_]

![在这里插入图片描述][441fcd455e7d4531a09238025b06da11.png_pic_center]

#### 进阶篇 ####

#### 2 Nginx静态资源部署 ####

##### 2.2 Nginx静态资源的配置指令 #####

###### 2.2.5 index指令 ######

index:设置网站的默认首页

<table> 
 <thead> 
  <tr> 
   <th>语法</th> 
   <th>index file …;</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>默认值</td> 
   <td>index index.html;</td> 
  </tr> 
  <tr> 
   <td>位置</td> 
   <td>http、server、location</td> 
  </tr> 
 </tbody> 
</table>

index后面可以跟多个设置，如果访问的时候没有指定具体访问的资源，则会依次进行查找，找到第一个为止。

举例说明：

location / {
    	root /usr/local/nginx/html;
    	index index.html index.htm;
    }
    访问该location的时候，可以通过 http://ip:port/，地址后面如果不添加任何内容，则默认依次访问index.html和index.htm，找到第一个来进行返回

刚刚我们配好的那个图片，其实可以设置成默认，那样访问的时候就不用加 mv.png了

![在这里插入图片描述][b10ae2257dc548bcad4ed62da4e1b2fd.png_pic_center]

保存测试并重新加载

![在这里插入图片描述][4b8c5330cff54781bcaa4ed9948e67bc.png_pic_center]

这样可以访问到

![在这里插入图片描述][7ffa3f10720441c08b4d2b086f48a7de.png_pic_center]

这样也可以访问到

[Nginx_Java_0_1_Nginx_]: https://www.bilibili.com/video/BV1ov41187bq/
[441fcd455e7d4531a09238025b06da11.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/f741d8d253264cdbb145c382678c36ac.png
[b10ae2257dc548bcad4ed62da4e1b2fd.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/a7d8f1f118a44d11a5433f1e4a4cf3e1.png
[4b8c5330cff54781bcaa4ed9948e67bc.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/bfb71fbb068c48b8af6681209d28734d.png
[7ffa3f10720441c08b4d2b086f48a7de.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/dc84942b6b904cffbebd5966d0b5564b.png