页面刷新报404错误,查阅资料后发现这就是web单页面开发模式造成的。现在主流的前端框架基本都是单页面的。如:react、vue等。
单页面简单来说就是访问所有资源路径、其实页面内容只有一个。这个页面中引入的js框架会根据当前访问的url去路由到相应的子页面组件进行逻辑处理和页面渲染。对于nginx服务器来说正在访问的页面并不存在,所以刷新会报错,你要在nginx配置文件中加入以下片段
location / {
try_files $uri $uri/ /index.html;
}
然后重启nginx服务器就行了