nginx只能访问首页index,访问其他页面是404

问题描述

今天部署遇到的问题,访问项目的"localhost:8080/" ,可以成功看到 index页面。

但是当我以"localhost:8080/example"——这个url来访问 example.html 这个子页面文件的时候,发现nginx返回404了,就是nginx找不到相应的 example.html 文件。

问题分析

因为 example.html 这个文件全名是带有后缀".html"的,而“/example”只会让nginx去直接寻找文件名是example(没有后缀)的文件,当然是找不到的。

解决方法,个人觉得有两种,推荐第二种

(1)直接url访问全名,比如 “localhost:8080/example.html”,这样就能找到对应子文件;

(2)在nginx.conf配置文件中,加入以下代码(见下方解决方案)

解决方案

在nginx.conf中添加以下字段,主要是 try_files 这一句:

location / {
    root  /webroot/project;
    index index.html index.htm;
    try_files $uri $uri/ $uri.html /index.html;
}
  • root 是项目的根目录,比如你的项目是在 /home/project ,那么root就写成root /home/project
  • index 是你的首页文件的名称,一般都是 index.html index.htm index.php 这仨,因为我的项目是纯前端,所以也就只设置了 Index.html 和 index.htm 这两个
  • try_files 当请求来时,nginx会按照try_files后面的顺序依次遍历查找是否有对应的文件,其中$uri 指的是你addres携带的后缀,比如访问的是 localhost:8080/example,那么这里的$uri就是 /example 。图中的try_files,会依次访问/example ,/example/,/example.html还有/index.html——最后一个我放的是/index.html,意味着如果找不到对应文件,那么就直接返回首页index.html页面给用户。

--------------------

作者:JSluck

日期:2022年3月22日

解决过程参考:nginx配置https之后只有首页能访问,其他页面404_leedaning的博客-CSDN博客

你可能感兴趣的:(后端,nginx)