原因:
当刷新页面的时候,url指向的是真实路径,但在SPA项目中真实路径只有/index.html。
解决:刷新页面的时候,将当前的路径指向唯一的真实路径即可。
Nginx配置:
打开bin目录下的nginx.conf,增加:
try_files $uri /index.html; # 指向index.html
之后,重启nginx即可。
如下:
location / {
root html;
index index.html index.htm;
try_files $uri /index.html; # 解决react 当前路由刷新报404的问题
}