## 开发
[使用文档](https://panjiachen.github.io/vue-element-admin-site/zh/)

```bash
# 启动服务
npm run dev
```

浏览器访问 http://localhost:9527

## 发布

```bash
# 构建生产环境 -- 打包
npm run build:prod
```
## 本地部署相关介绍
main.js 文件默认开启 mock ，请求数据为 mock；正式打包时可以注释。
![image.png](https://i.loli.net/2021/11/18/AIqoErjRHKgD1f2.png)

（不用改，指示说明）打包时使用 /src/utils/request.js 使用的 .env 的 VUE_APP_BASE_URL 地址，这个就是线上的。 
### Nginx 部署时设置反向代理+跨域
```config
server
{
    listen 80;
    server_name www.xxxx.com
    index index.php index.html index.htm default.php default.htm default.html;
    root /www/wwwroot/test;
    
    location ~/ { # 访问80端口后的所有路径都转发到 proxy_pass 配置的ip中
        proxy_pass http://devapi.youxi9.com; # 配置反向代理的ip地址和端口号 【注：url地址需加上http:// 或 https://】
        
        #   指定允许跨域的方法，*代表所有
        add_header Access-Control-Allow-Methods *;
        
        #   预检命令的缓存，如果不缓存每次会发送两次请求
        add_header Access-Control-Max-Age 3600;
        #   带cookie请求需要加上这个字段，并设置为true
        add_header Access-Control-Allow-Credentials true;
        
        #   表示允许这个域跨域调用（客户端发送请求的域名和端口） 
        #   $http_origin动态获取请求客户端请求的域   不用*的原因是带cookie的请求不支持*号
        add_header Access-Control-Allow-Origin $http_origin;
        
        #   表示请求头的字段 动态获取
        add_header Access-Control-Allow-Headers $http_access_control_request_headers;
        
        #   OPTIONS预检命令，预检命令通过时才发送请求
        #   检查请求的类型是不是预检命令
        if ($request_method = OPTIONS){
            return 200;
        }
    }
}
```


## 修改记录
### v1.5
> 2021.11.16
1. [x] 账户余额显示(个人信息里有)
2. [x] 字体颜色可以看清
3. [x] 默认选中游戏 热血江湖
4. [x] 清除默认充值显示的账号
5. [x] 充值时添加充值状态和计数
6. [x] 账号为空时不能充值
7. [ ] 本地浏览器记录历史充值记录信息。(非必要)
8. [ ] 充值账户的 textarea 显示行号，并把状态显示到这里。(非必要)

### v1.6
> 2021.11.17
1. [x] 充值账户不判断是否是手机号，有些手机号格式比较新奇，或许还不是手机号。
2. [x] 账户支付密码错误，停止其他数据请求（如果有500条，会提示500次问题）。
3. [x] 登录时的验证码不显示浏览器输入记录。 
4. [x] 修复首页首次进入加载样式异常问题。
5. [x] 账户提交失败统计展示完善。