React项目部署后所有功能失效，本地运行正常该如何排查解决？

• 优先检查浏览器控制台报错
  打开部署页面后按F12调出开发者工具，查看Console面板的红色报错：
  • 若为跨域报错：本地开发时框架自带的代理配置仅在开发环境生效，部署后代理规则不会同步到托管平台，你需要调整接口请求逻辑，要么对接支持跨域的接口地址，要么新增服务端层做接口转发。
  • 若为静态资源404：检查打包配置中的publicPath参数是否和部署路径匹配，避免本地配置的子路径和实际部署的根路径不匹配，导致js、css等核心资源加载失败。
  • 若为路由跳转404：如果项目使用了前端路由的history模式，需要在Netlify部署规则中新增重定向配置，在项目public目录下新建_redirects文件，写入内容/* /index.html 200后重新打包部署即可。
• 核对环境变量配置
  确认部署平台上配置的所有环境变量和本地.env文件中的值完全一致，很多情况下接口地址、鉴权参数等环境变量漏配置，会导致所有接口请求失效。
• 本地验证打包产物
  先在本地执行打包命令（如npm run build），再用静态服务工具（如serve）启动打包后的dist目录，确认本地打包后的产物是否能正常运行。如果本地打包后就存在功能问题，直接修改打包配置即可，不需要排查部署平台的问题。

内容的提问来源于stack exchange，提问作者YASH KUMAR