# wawaji_h5

**Repository Path**: play_haha_admin/wawaji_h5

## Basic Information

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

## Statistics

- **Stars**: 0
- **Forks**: 2
- **Created**: 2018-04-03
- **Last Updated**: 2025-09-24

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# wawaji

> A Vue.js project

# 后端服务器域名配置文件
src/config.js文件

具体流程见[项目wiki](https://gitee.com/Yun_WuYu/wawaji_h5/wikis/配置流程?parent=域名配置)

## 项目运行/打包

``` bash
# 安装依赖
npm install

# 开发调试
npm run dev

# 项目打包，会生成 `dist` 目录（nginx配置时会用到）
npm run build
```

# 访问入口说明

webapp应用里边有多个支付入口，分布于不同的路径目录，授权目录必须配置到最后一级目录，配置在根目录不行，而微信管理后台可配置的个数只有5个，所以用 hash 的路由方式实现单页面应用，这样只需要配置一个授权目录，即 H5域名；

又由于ios和安卓渲染页面的差异性，微信支付判断当前路径的规则不同，所以访问入口需要带个 "?"，如[http://h5wwjmall.artqiyi.com/?](http://h5wwjmall.artqiyi.com/?)，否则唤起不了支付；具体坑点说明看下文档的链接

[开发单页应用(SPA)时候遇到的微信授权的坑](http://blog.csdn.net/liufeng520/article/details/51354741/)

# nginx配置

```nginx
server {
    listen   80;
    root   /path/to/project/dist;
    server_name h5.domain.com;
    index  index.html;

    location / {
        add_header Cache-Control no-store;

        try_files $uri $uri/ /index.html?$args;
    }

    location ~ .*\.(gif|jpg|jpeg|png|bmp|swf)$ {
        expires    1d;
    }

    location ~ .*\.(js|css)?$ {
        expires    12h;
    }
}
```