【踩坑】React项目部署在Nginx上后报错404

发表于 更新于 阅读次数：

前言

React项目边以后部署在Nginx上，如果访问非/路径会报错404

原因

  • React是虚拟路由，需要将所有访问都转发到/，而Nginx默认会将路由认为真实文件，然而实际上并没有相对应的文件，所以报错404

解决问题

  • Nginx上将所有访问都转发到/
/etc/nginx/nginx.conf
1
2
3
4
location / {
        # try_files $uri $uri/ =404;
        try_files $uri /index.html;
}

完成