Nginx服务器Vue history模式404配置

本文介绍了如何进入Nginx根目录修改conf文件夹内的nginx.conf,通过try_files指令设置URL路由,确保请求能正确指向项目根目录下的index.html。如果项目位于/html/test子目录,配置应为try_files $uri $uri/ /test/index.html。try_files语句按顺序查找文件或目录,若都不存在则返回最后指定的路径,如路径不存在则返回500错误。

​ 进入nginx根目录,进入conf文件夹找到nginx.conf文件。
nginx配置

​ 找到上面这句话,更改为:

location / {
  try_files $uri $uri/ /index.html;
}

​ 最后的/index.html配置,如果你的项目的index.html文件是在html文件夹的子目录中,就应该配置为/子路径名/index.html。例:我的项目是放在/html/test下,我的配置为:

location / {
  try_files $uri $uri/ /test/index.html;
}

​ 根据百度的大佬语法解释有些个人粗浅理解:

try_files语句作用是按顺序检查,名称为对应uri的文件或文件夹,如果都不存在会返回到你配置的最后那个路径,如果该路径也不存在就会给用户返回500。$uri表示的是文件,$uri/表示的是文件夹。

​ 如有不对欢迎指正。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值