React - 解决多级路径刷新页面样式丢失问题的三种方法

<NavLink to='/a/b'>跳转Home</NavLink>
{/* 注册路由 */}
<Route path='/a/b' component={Home}/>

原因:由于引用样式使用的是 ./ 的相对路径
例如引入的样式路径为:./css/style.csshttp://localhost:3000/css/style.css)刷新时会变为 http://localhost:3000/a/css/style.css

解决办法:

  1. 引入样式时不写 ./ 而是写 / (常用)
  2. 引入样式时不写 ./ 而是写 %PUBLIC_URL% ,==%PUBLIC_URL%==表示绝对地址(常用)
  3. 使用 HashRouter (不推荐,地址栏会出现 #号)

版权声明:本文为wgh4318原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。