在 react 项目部署时,通过 nginx 配置二级路径https://www.web.com/react访问,通过链接打开,页面一片空白,第一时间打开 F12,居然没发现有报错。最后解决方法如下,通过配置 BrowserRouter 组件的basename解决

<BrowserRouter basename={'/react'}>
<>
<GlobalStyle />
<MainLayout />
</>
</BrowserRouter>

如果是文件路径错误,可以通过package.json来配置

"homepage": "."