在Nginx配置中加入如下配置即可.
location / {
try_files $uri $uri/ /index.html;
}
原因:
由于rap2基于react ,而现在react基本都是用react-route作为路由管理,如下图
从图上可以看出推荐browserHistory的方式,react也是基于这种模式的(我猜测的2333);
原理,因为我们的项目只有一个根入口,当输入类似/home
的url时,找不到这个页面,这是,nginx会尝试加载index.html,加载index.html之后,react-router就能起作用并匹配我们输入的/home
路由,从而显示正确的home页面,,如果browserHistory
模式的项目没有配置上述内容,会出现404的情况。
参考:https://react-guide.github.io/react-router-cn/docs/guides/basics/Histories.html