# meifa

**Repository Path**: evahog/meifa

## Basic Information

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

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-03-18
- **Last Updated**: 2026-03-18

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 理发店网站

这是一个用于域名备案的理发店网站项目，使用Vue 3 + TypeScript + Vite构建。

## 项目特点

- 🎨 现代化的理发店网站设计
- 📱 响应式布局，支持移动端
- 🔗 使用Hash路由模式，避免与nginx子路径冲突
- 🚀 支持多应用部署架构
- 📦 优化的构建配置

## 技术栈

- Vue 3
- TypeScript
- Vue Router 4 (Hash模式)
- Vite
- CSS3

## 项目结构

```
src/
├── components/          # 组件
│   └── Navigation.vue   # 导航组件
├── views/              # 页面
│   ├── Home.vue        # 首页
│   ├── About.vue       # 关于我们
│   ├── Services.vue    # 服务项目
│   └── Contact.vue     # 联系我们
├── router/             # 路由配置
│   └── index.ts        # 路由定义
├── assets/             # 静态资源
└── main.ts             # 入口文件
```

## 部署架构

### 域名规划
- `abc.com` - 主网站（理发店）
- `abc.com/a` - 子应用A
- `abc.com/b` - 子应用B（可选）

### 路由模式选择
使用Hash模式 (`createWebHashHistory`) 的原因：
1. 避免与nginx子路径冲突
2. 更容易配置多应用部署
3. 无需服务器端路由支持

## 开发

```bash
# 安装依赖
npm install

# 启动开发服务器
npm run dev

# 构建生产版本
npm run build

# 预览构建结果
npm run preview
```

## 部署

### 1. 构建项目
```bash
npm run build
```

### 2. 使用部署脚本
```bash
# 仅部署文件
./deploy.sh

# 部署文件并更新nginx配置
./deploy.sh --nginx
```

### 3. 手动部署
1. 将 `dist` 目录上传到服务器 `/var/www/haircut-salon/`
2. 复制nginx配置文件到相应位置
3. 重新加载nginx配置

## Nginx配置说明

项目包含完整的nginx配置示例：

- `nginx.conf` - 主配置文件，包含HTTP/HTTPS配置
- `nginx.common.conf` - 通用配置，可被HTTPS配置引用

### 配置特点
- 支持多应用部署
- SSL/HTTPS支持
- 静态资源缓存优化
- 安全头设置
- 健康检查端点

## 备案说明

此项目专为域名备案设计：
- 包含完整的网站内容和功能
- 符合备案要求的页面结构
- 支持真实的业务场景展示

## 许可证

MIT