业务场景
用nginx做静态资源转发时,页面刷新就报404问题。如下图:
正常请求时如下图:
![在这里插入图片描述](https://img-blog.csdnimg.cn/20200804093827254.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTAzMTI2NzE=,size_16,color_FFFFFF,t_70)
当页面刷新,或按F5出现下图效果:
![在这里插入图片描述](https://img-blog.csdnimg.cn/2020080409382742.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTAzMTI2NzE=,size_16,color_FFFFFF,t_70)
解决方式
在linux服务器中,修改nginx的配置文件nginx.conf,在对应的指向目录上增加:
try_files $uri $uri/ /index.html last;
如图所示:
我的linux路径是:/usr/local/nginx ,大家根据自己的nginx路径修改nginx.conf配置。
![在这里插入图片描述](https://img-blog.csdnimg.cn/2020080409433064.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTAzMTI2NzE=,size_16,color_FFFFFF,t_70)
增加该行目的是,当在页面刷新或者F5时,请求当前路径的上一级路径。配置好后,记得重启nginx即可。