# yangqu-water-network-bigdata

**Repository Path**: weianinfo/yangqu-water-network-bigdata

## Basic Information

- **Project Name**: yangqu-water-network-bigdata
- **Description**: 阳曲大屏
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2025-11-17
- **Last Updated**: 2026-04-15

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# yangqu-water-network-bigdata

#### 介绍
阳曲大屏 - 伟岸科技单一前后端分离工程前端页面

## 开发注意事项

```
1. 新增页面，在 src/views 目录下新增 vue 文件，在 pages.js 中添加路由配置

```

## 开发工具

```
.prettier 格式化

检查是否合规
npx prettier --check  "src/**/*.{js,vue}"

格式化
npx prettier --write "src/**/*.{js,vue}"

```

## 开发运行

```
npm install --force
npm run serve

```

## 项目目录结构
```tree
src/
├── api/                # API requests
├── assets/            # Static resources
├── components/        # Global components
├── config/            # Global configuration
├── directives/        # Custom directives
├── filters/           # Global filters
├── icons/             # SVG icons
├── mixins/            # Global mixins
├── router/            # Route configurations
│   ├── index.js
│   └── modules/       # Route modules
├── store/             # Vuex store
│   ├── modules/       # Store modules
│   ├── getters.js
│   └── index.js
├── styles/            # Global styles
├── utils/             # Utility functions
├── views/             # Page components
├── permission.js      # Permission control
└── main.js           # Entry file
```

## nginx 配置

```nginx
server {
    listen       80;
    server_name  your-domain.com;
    
    # gzip 配置
    gzip on;
    gzip_min_length 1k;
    gzip_comp_level 9;
    gzip_types text/plain text/css text/javascript application/json application/javascript application/x-javascript application/xml;
    gzip_vary on;
    gzip_disable "MSIE [1-6]\.";

    # 前端项目根目录
    root /usr/share/nginx/html;  

    location / {
        try_files $uri $uri/ /index.html;  # 支持 history 路由模式
        index index.html index.htm;
    }

    # 代理后端API请求
    location /api {
        proxy_pass http://localhost:8080;  # 后端服务地址
        proxy_set_header Host $host;
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
        proxy_set_header X-Forwarded-Proto $scheme;
    }

    # 静态资源缓存配置
    location ~* \.(jpg|jpeg|png|gif|ico|css|js)$ {
        expires 7d;
        add_header Cache-Control "public, no-transform";
    }
}
```

## 配合 project-api 后台运行
```
http://127.0.0.1:8005
```