# 管理后台react18.3.1

**Repository Path**: qa554466/react18-manage

## Basic Information

- **Project Name**: 管理后台react18.3.1
- **Description**: 管理后台react18.3.1+axios+antd+react-redux+react-router-dom
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2024-10-08
- **Last Updated**: 2024-10-18

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 管理后台react18.3.1

#### 介绍
管理后台 react18.3.1 + axios + antd + react-redux + react-router-dom

#### 软件架构
软件架构说明
This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).
[Create React App官网](https://create-react-app.bootcss.com/)

#### 安装教程
环境：nodejs（v20.17.0）、npm（10.8.2）
1.  npm install 安装
2.  npm start 启动
3.  npm run build 编译

#### 使用说明
1. `npm start`
Runs the app in the development mode.\
Open [http://localhost:3000](http://localhost:3000) to view it in your browser.

The page will reload when you make changes.\
You may also see any lint errors in the console.

2. `npm test`

Launches the test runner in the interactive watch mode.\
See the section about [running tests](https://facebook.github.io/create-react-app/docs/running-tests) for more information.

3. `npm run build`
Builds the app for production to the `build` folder.\
It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.\
Your app is ready to be deployed!

See the section about [deployment](https://facebook.github.io/create-react-app/docs/deployment) for more information.

<p align='center'>
<img src='./public/33.jpg' width='600' alt='npm start'>
</p>

### 目录
```
react18-manage
├── README.md
├── node_modules  安装包
├── package.json  
├── .gitignore
├── public  
│   ├── favicon.ico
│   ├── index.html
│   └── manifest.json
└── src
	├── assets          静态图片文件夹
	├── components      组件文件夹
	├── config          配置文件
	├── mock            mock模拟接口数据
	├── pages           页面文件夹
	│	└── layout 布局  
	├── router           react-router路由配置
	├── store            redux实现全局状态管理
	├── utils 工具
	│	└── request.js请求
    ├── App.css
    ├── App.js
    ├── App.test.js
    ├── index.css
    ├── index.js
    ├── logo.svg
	├── setupProxy.js 服务端代理配置
    └── serviceWorker.js
    └── setupTests.js
```

###  部署---Nginx配置
```
server {
    listen 80;
    server_name your-domain.com;
 
    location / {
        root /path/to/your/app/build;
        try_files $uri /index.html;
    }
}
```
#### 参与贡献

1.  Fork 本仓库
2.  新建 Feat_xxx 分支
3.  提交代码
4.  新建 Pull Request


#### 特技