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 useMemo实战
useMemo hooks介绍 useMemo hooks的语法如下 const memoizedValue = ...
深入了解react hooks原理Ⅱ
在 深入了解react hooks原理Ⅰ 实现了useState,遗留了两个问题 使用多个 useState 是否...
深入了解react hooks原理Ⅰ
React hooks是什么 React hooks可以让我们在不需要编写class组件的情况下来实现class组件有...
scroll-top-icon