README.zh-CN.md 2.9 KB

开发

使用文档

# 启动服务
npm run dev

# 构建生产环境 -- 本地目录会生成 dist 打包文件
npm run build:prod

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

本地部署相关介绍

main.js 文件默认开启 mock ,请求数据为 mock;正式打包时可以注释。 image.png

(不用改,指示说明)打包时使用 /src/utils/request.js 使用的 .env 的 VUE_APP_BASE_URL 地址,这个就是线上的。

Nginx 部署时设置反向代理+跨域

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

v1.6

2021.11.17

  1. 充值账户不判断是否是手机号,有些手机号格式比较新奇,或许还不是手机号。
  2. 账户支付密码错误,停止其他数据请求(如果有500条,会提示500次问题)。
  3. 登录时的验证码不显示浏览器输入记录。
  4. 修复首页首次进入加载样式异常问题。
  5. 账户提交失败统计展示完善。
  6. 添加显示 处理开始和结束时间。