Vite使用react-router-config

最新推荐文章于 2024-09-11 16:45:58 发布

White X

最新推荐文章于 2024-09-11 16:45:58 发布

阅读量1.2k

点赞数 1

分类专栏：前端 React vite 文章标签： react 封装 javascript js 前端

本文链接：https://blog.csdn.net/weixin_45856050/article/details/118511304

版权

本文讨论了React作为主流前端框架在项目创建速度上的不足，作者倾向于使用Vite来搭建React项目。然而，在使用react-router-config进行路由配置时，遇到了无法在路由规则中进行重定向的问题。为了解决这个问题，作者选择放弃react-router-config，转而自行封装了一个方法来实现重定向功能。这个解决方案可能对其他遇到类似问题的开发者有所启发。

摘要由CSDN通过智能技术生成

React属于目前主流前端框架，但有一个缺点，创建项目很慢

npx create-react-app xxx

所以我一般使用Vite创建React项目

但最近发现一个问题：vite使用react-router-config，是不能在routes路由规则中进行重定向的。

最后解决方案是不用react-router-config，自己封装了一个方法。（仅供参考）

class App extends React.Component {
   
  // 自己封装一个方法: 用来遍历输出Route
  // 判断 如果某一个规则中含有redirect属性
  // 就证明要重定向，那么就使用Route重定向的方式渲染
  // 否则就正常渲染
  renderRoute