记一个 react 配置路由前缀问题_react 路由前缀

作者：你好赵伟 | 2024-02-07 18:51:22

踩

react 路由前缀

react 配置路由前缀需要注意两点

1.资源使用相对路径

默认情况下，react 编译后的资源使用根路径 / ，也就是长下面这样

<script src="/static/js/2.dfc7d8c4.chunk.js"></script>

想要让资源使用相对路径，在 create-react-app中需要添加 homepage 选项到 package.json


{
  "name": "ground-listener-admin",
  "version": "0.1.0",
  "private": true,
  "homepage": "."
}

或者也可以加上确定的前缀

对于 react router也要配置前缀，这样在执行前端跳转的时候才能匹配到正确的路由


<Router basename={process.env.REACT_APP_PREFIX}>
    <App />
</Router>

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/你好赵伟/article/detail/66930