The vue_h5_frame from qianduanzhou

vue_h5_frame's Introduction

vue-cli3基础h5模板

基于vue-cli3的h5框架

使用步骤

首先npm install安装依赖包在.env文件配置开发和生成环境下的参数在oss.js文件配置自动上传阿里云的目录 npm run dev启动开发版 npm run build:test打包线上测试版 npm run oss打包线上测试版并上传阿里云 npm run build打包线上正式版

配置结构

根目录下：

.env文件（配置环境） vue.config.js（配置webpack）

src下：

config下的baseConfig（配置上报信息等） request（请求相关） sdk（数据上报相关）

public下：

lib下的rem（配置移动端适配） .env文件相关介绍 .env.dev NODE_ENV区分环境（不可修改） VUE_APP_BASE_ENV区分正式和测试 VUE_APP_BASE_API接口地址 .env.test与.env.test.prod 多了VUE_APP_BASE_PATH，作为阿里云筒的二级目录 env位置 env内容

请求相关

发请求前先在request文件夹下的apis.js添加路由，然后通过引入request.js文件发起请求 url：请求的路径 method：请求的方法 model：请求的模式（3种，默认，等待和队列，参考小程序原生框架）添加请求api对象

发送请求

name：路由表里的请求名字 data：请求的参数

rem适配

在public文件夹下的lib里的rem文件修改DEVICEWIDTH，对应当前的设备宽度

数据上报

sdk文件夹下的statistics文件，上报的方法为this.sendkv({key: ‘对应的key值’})

注意

关于dev命令 npm run dev命令会将.env.dev文件的配置作为环境配置，用于开发版测试关于build命令不同的build命令会打包不同环境配置 npm run build:test命令会将.env.test文件的配置作为环境配置并打包 npm run build命令会将.env.prod文件的配置作为环境配置并打包 npm run oss命令会将.env.test文件的配置作为环境配置并打包然后上传阿里云（需要在oss.js文件下修改上传目录）

vue_h5_frame's People

Contributors

Watchers

漏洞标题：serialize-javascript 代码问题漏洞缺陷组件：[email protected] 漏洞编号：CVE-2020-7660 漏洞描述：Verizon serialize-javascript是美国威瑞森电信（Verizon）公司的一款支持将JavaScript序列化为 JSON超集的软件包。 serialize-javascript 3.1.0之前版本中存在代码问题漏洞。远程攻击者可借助index.js文件中的‘deleteFunctions’函数利用该漏洞注入任意代码。国家漏洞库信息：https://www.cnvd.org.cn/flaw/show/CNVD-2020-53801 影响范围：(∞, 3.1.0) 最小修复版本：3.1.0 缺陷组件引入路径：[email protected]>@vue/[email protected]>[email protected]>[email protected]>[email protected] [email protected]>@vue/[email protected]>[email protected]>[email protected] [email protected]>@vue/[email protected]>[email protected]>[email protected] [email protected]>@vue/[email protected]>[email protected]>[email protected]>[email protected] [email protected]>@vue/[email protected]>[email protected]>[email protected]>[email protected]

Recommend Projects

qianduanzhou / vue_h5_frame Goto Github PK