## **基于 react-router V6 的路由插件**

[ANIYAJS-PLUGIN-ROUTER](https://gitee.com/aniyajs/aniyajs-plugin-router)

**[官方文档](https://aniyajs.cn/aniyajs/plugin#aniyajsrouter)**

### 版本

- 稳定版：[![npm package](https://img.shields.io/npm/v/@aniyajs/plugin-router.svg?style=flat-square)](https://www.npmjs.com/package/@aniyajs/tools) [![NPM downloads](http://img.shields.io/npm/dm/@aniyajs/plugin-router.svg?style=flat)](https://npmjs.org/package/@aniyajs/tools)

### 启用 ✨

```javascript
// config.ts
{
  // ...
 routes:[], // 默认为[]，数组为开启
 aniyaPlugins: ['@aniyajs/plugin-router'],
}
```

### 属性

* `name`：名称，Type：`String`
* `path`：路由地址，Type：`String`
* `redirect`：重定向，Type：`String`
* `routes`：子路由，Type：`IRoute[] | []`
* `component`：相对于 `src/pages` 的相对文件地址，Type：`String`

### 栗子 🌰

```typescript
// config.ts
{
  // ...
  aniyaPlugins: ['@aniyajs/plugin-router'],
  routes:[
    { path: '/', redirect: '/home' },
    {
      path: '/',
      component: '../layouts/SecurityLayout',
      routes: [
        {
          path: '/home',
          component: './home'
        },
      ]
    },
    {
      component: './404',
    },
  ],
}
```