Security Dashboard

项目介绍

权限系统 Web 端

• 用 create-react-app 创建
• 用 react-app-rewired 修改配置
• 配置了 mobx, less

目录结构

security-dashboard // 项目根目录
├── build // 构建目录
├── lib // 本地依赖库
├── node_modules // 依赖目录
├── public // 公共文件目录
├── server // Prod 服务器 用于测试 构建后的代码
├── src // 项目源代码
│    ├── common // 通用逻辑，样式
│    │     └── ...
│    ├── constants // 放置 常量
│    │     └── ...
│    ├── components // 通用UI组件
│    │     └── ...
│    ├── modules // 具体模块
│    │     └── ...
│    ├── utils // 工具库
│    │     └── ...
│    ├── App.js // App 入口
│    ├── index.js // 项目入口文件
│    ├── routes.jsx // 路由
│    └── stores.js // mobx store
├── .gitignore // git忽略跟踪的文件列表
├── config-overrides.js // 复写 CRA 配置
├── package.json // 包管理文件
├── README.md // 项目说明文件 (本文件)
└── theme.js // antd 样式 变量 复写 配置

使用说明

下载依赖

npm install or yarn

运行

npm start or yarn start

设置接口代理

设置 package.json 添加 proxy

{
  name: 'security-dashboard',
  ...
  "proxy": {
    "/api": {
      "target": "http://localhost:3001",
      "changeOrigin": true
    }
  }
}

构建

npm run build or yarn build

测试 构建后 代码

npm run prod or yarn prod

Docker 部署

sh ./startup-code.sh

详细文档 请看CRA-README.md

开发时，一些代码的注意事项 请查看mark.md