README.md · 云+物娱/wawaji_h5 - Gitee.com

加入 Gitee

与超过 1200万开发者一起发现、参与优秀开源项目，私有仓库也完全免费：）

文件

该仓库未声明开源许可证文件（LICENSE），使用请关注具体项目描述及其代码上游依赖。

克隆/下载

README.md 1.46 KB

一键复制编辑原始数据按行查看历史

提交于 2018-03-14 10:55 . README.md流程改动

# 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;
    }
}
```

Loading...

马建仓 AI 助手

尝试更多

代码解读

代码找茬

代码优化

JavaScript

1

https://gitee.com/Yun_WuYu/wawaji_h5.git

[email protected]:Yun_WuYu/wawaji_h5.git

Yun_WuYu

wawaji_h5

wawaji_h5

master