Nginx(一) try_files 配置

示例简单配置如下:

server {
        listen       8088;
        server_name  localhost;
        
        location / {
            root   /home/demo/deploy/front/dist;
            index  index.html index.htm;
        }
        
        location /dev-api/ {
            autoindex on;
            client_max_body_size 100m;
            proxy_pass https://xx.xx.xx.xx:1440/;
        }

        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }
 }

上面 root 对应为前段项目dist包部署位置, proxy_pass 为对应的后端服务

上述配置在通过浏览器访问时,进行刷新 或 访问不错在的路径时会直接跳到Nginx的404页面。

针对上面的情况只需要在Nginx添加一个try_files配置即可,如下:

location / {
    root   /home/demo/deploy/front/dist;
    index  index.html index.htm;
    try_files $uri $uri/ /index.html;
}

try_files $uri $uri/ /index.html

try_files -尝试访问对应的资源,在第一个资源访问不到时,访问第二个资源,以次向后

$uri Nginx地址变量,即为访问的地址

若访问url为 http://www.xxx.com/index.html 则 $uri 为 /index.html

$uri/ 表示一个目录,请求访问的目录,Nginx try_files可自行判断访问目的的类型 是为文件还是目录

若访问url为 http://www.xxx.com/user/class/ 则 $uri/ 为 /user/class/

所以以上配置的规则为 当 $uri 和 $uri/ 均不是对应资源时 则返回 /index.html 页面

 

  • 4
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值