如何使用react-auth-router

前端辅助工具

目前支持 react，vue 项目 子路由已经开发完成

辅助方法

• 筛选变量赋值相同的代码

使用方法

 npm i react-auth-router -g
 lwq-cli init // 初始化项目
 lwq-cli watch // 监听文件
 lwq-cli add // 添加文件目前是创建固定模板
 lwq-cli build // 直接进行打包

• lwq-cli init 初始化项目
• lwq-cli add 添加文件
• lwq-cli watch 监听文件变化将项目下的所有页面的 json 进行统一到一个 json 文件中。可以通过这个 json 去做扩展。比如路由拦截等等。
• react+ts 项目 demo 地址:https://gitee.com/wen_qi_li1/lwq-cli-react-ts-demo.git

vue react 模式

vue react 页面.json 配置

字段名	类型	是否必填	作用
name	string	是
path	string	是	路由地址
redirect	string	否	重定向的地址
component	string	是	文件地址
id	number	是	路由 id 注意不可以随意修改
parentId	number	是	父级路由 id 谨慎修改
query	object	否	动态路由的参数
using	boolean	否	是否启用当前路由（请注意如果父级取消使用，子路由将无法打包进路由文件,在 allPage.json 会展示该路由文件）
sort	number	是	同级路由进行排序

query

| 字段名 | 类型 | 是否必填 |
| 任意 | object | 否 |

query 任意

| 字段名 | 类型 | 是否必填 |作用|
| required | boolean | 否 |当前参数是否必填|

钉钉模式

_lwq-cli/model.json

{
  "mode": "dd",
  "type": "none",
  "pages": "./page",
  "mainScss":"./main.scss",//全局scss变量
  "dd": {
    "window": {
      "defaultTitle": "···",
      "backgroundColor": "#F5F5F9",
      "pullRefresh": false,
      "allowsBounceVertical": "YES"
    },
    "tabBar": {
      "textColor": "#404040",
      "selectedColor": "#108ee9",
      "backgroundColor": "#F5F5F9",
      "items": [{}]
    },
    "debug": true
  }
}

页面.json 配置

字段名	类型	是否必填	作用
isPage	boolean	是	标记是否是页面
order	number	否	排序值

作者联系方式

• 786388224@qq.com