nginx部署react二级路径出现空白页面

2019-04-06

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

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

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

"homepage": "."

 

本文为原创,未经授权,禁止任何媒体或个人自媒体转载
商业侵权必究,如需授权请联系340443366@qq.com
标签: reactjs

评论

Loading...

最新评论

相关推荐

react fiber架构
stack reconciler的缺点 stack reconciler在渲染和更新过程,使用递归来遍历。由于依赖于内...
React18在SSR的重大改进
SSR指的是服务端渲染,直出html到客户端,减少首屏白屏时间,这里不对SSR过多说明,有兴趣自行查找。 hydrat...
react18新特性
React18引入一个新的API,ReactDOM.createRoot,原先的 ReactDOM.render 会被标...
scroll-top-icon