# wms_ui

**Repository Path**: zhouyiang/wms_ui

## Basic Information

- **Project Name**: wms_ui
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-08-10
- **Last Updated**: 2025-08-13

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# WMS UI 项目配置说明

## 项目概述

这是一个基于 Vue 3 + TypeScript 的 WMS（仓库管理系统）前端项目，集成了 Axios 请求拦截器和 SignalR 实时通信功能。

## 配置结构

所有配置已合并到 `src/utils/request.ts` 文件中，包括：

### 1. 环境配置
```typescript
const baseURL = 'http://123.56.200.239:8000/'
const timeout = 10000
```

### 2. API地址配置
```typescript
export const apiUrls = {
  read: baseURL + 'wmsread/',    // 读取操作API前缀
  write: baseURL + 'wmswrite/'   // 写入操作API前缀
}
```

### 3. SignalR配置
```typescript
export const signalRUrl = apiUrls.write + 'statisticsHub'
```



## 使用方法

### 1. 导入配置
```typescript
import { http, apiUrls, signalRUrl } from '@/utils/request'
```

### 2. API调用
```typescript
// 读取操作
const response = await http.get(apiUrls.read + 'api/StockTransfer/GetStockTransferList')

// 写入操作
const response = await http.post(apiUrls.write + 'api/StockTransfer/AddcreateStockTransfer', data)
```

### 3. SignalR连接
```typescript
import { HubConnectionBuilder } from '@microsoft/signalr'

const connection = new HubConnectionBuilder()
  .withUrl(signalRUrl)
  .withAutomaticReconnect()
  .build()
```



## 请求拦截器

项目配置了 Axios 请求拦截器，提供：

- **基础URL设置**：自动添加 `http://123.56.200.239:8000/` 前缀
- **超时设置**：默认10秒超时
- **请求日志**：记录所有发送的请求
- **错误处理**：统一的错误处理机制

## 项目结构

```
src/
├── utils/
│   ├── request.ts          # HTTP请求工具和配置
│   └── signalRService.ts   # SignalR服务
├── views/                  # 页面组件
│   ├── stockTransfer/      # 调拨管理
│   ├── inventoryCount/     # 盘点管理
│   ├── inbound/            # 入库管理
│   └── outbound/           # 出库管理
└── components/             # 通用组件
```

## 注意事项

1. **API路径**：所有API调用都需要明确指定 `wmsread/` 或 `wmswrite/` 前缀
2. **SignalR**：统一使用 `wmswrite/statisticsHub` 地址
3. **配置集中**：所有配置都在 `request.ts` 中，便于维护和修改
4. **类型安全**：使用 TypeScript 提供类型检查和智能提示

## 开发建议

1. 新增API时，根据操作类型选择对应的 `apiUrls.read` 或 `apiUrls.write`
2. 修改配置时，只需要更新 `request.ts` 文件中的相应常量
3. 建议在组件中使用 `apiUrls` 而不是硬编码的URL前缀
4. 配置集中：所有配置都在 `request.ts` 中，便于维护和修改