执行npm run build 将React打包后部署到服务器子路径 例如 更目录为root  子路径为system  

--root

    --system

 

发现部署到服务器之后,F12开发者模式发现资源文件引用错误

步骤(1):在项目package.json 添加 "homepage":'.';

React 打包后部署到服务器子页面空白问题

或者在node_modules->react-scripts->config->paths.js 配置下面

React 打包后部署到服务器子页面空白问题

【以上方法二选一即可 建议选择第一种】

当再次访问服务器当出现资源可以加载成功,但是页面空白,没有任何的报错,服务器访问路径自我感觉也没有问题但就是页面空白,下面应该怎么办???

在项目的路由配置文件

将路由设置成HashRouter并且添加属性basename="/system"  【system为服务器子路径】

React 打包后部署到服务器子页面空白问题

配置完成即可发现页面可以正常打开!!!

 

相关文章:

  • 2021-05-02
  • 2022-02-27
  • 2021-08-27
  • 2022-12-23
  • 2021-08-05
  • 2021-11-25
猜你喜欢
  • 2022-02-03
  • 2022-12-23
  • 2022-12-23
  • 2023-03-21
  • 2022-12-23
  • 2021-12-14
  • 2021-12-20
相关资源
相似解决方案