多应用+插件架构,代码干净,二开方便,首家独创一键云编译技术,文档视频完善,免费商用码云13.8K 广告
## **public** - config.js 静态配置文件,此文件不会被打包,右在服务器直接修改 ``` { BASE\_API\_URL:'http://62.234.110.246:8380/national-culture-cloud-api',//接口请求地址 timeout:10000,// 全局接口请求超时时间 reRequestCount:3,//超时重新请求总数 //全局默认是否过滤重复请求,设为true时同一个接口,除非返回结果,否则过滤掉,可以接口调用中关闭单个 isFilterRepeatRequests:true, //是否开启接口访问权限认证 isOpenAPIpermissionAuthenticate:false, planWidth:750,//设计稿宽 手机设计一般是750,PC一般是1920 根据运维需要,提取更多配置... } 使用方式: 在所有组件中可以通过config.*** 来获取config.js文件中的静态全局配置 // eslint-disable-next-line rem = html.offsetWidth / (config.planWidth / 75) ``` ## **src** - api 接口文件 请在api/apiList/list对应分包中书写接口 - api-map 各页面API文件目录 - core 请求相关,异常统一处理,接口白名单等 ***** - assets 存放公共资源文件 - css全局公共样式库(scss) 1. index.scss -- 样式统一入口 2. base.scss --基本样式文件( 包含html,body等通用样式 ) 3. font.scss --阿里字体文件通用样式 4. reset.scss -- 样式重置文件 5. **variable.scss -- 统一变量管理文件** - imgs 图片资源目录。 1. 图片大于50KB,建议存放于服务器 2. 多个图片可放于同一图片,使用css切割 ***** - components 全局公共组件库目录 ***** - router 路由 - modules 路由地址集合 - index.js 路由入口文件(自动读取modules)目录内不同层级的js文件 ***** - store 状态管理 - modules 状态管理集合 - index.js 状态管理入口文件(自动读取modules)目录内不同层级的js文件 ***** - views 页面 1. 每个页面一个目录,页面文件名与目录名相同 2. 目录内可包含以下目录: components 私有组件目录 assets 私有资源目录 mixins 混入文件 INTERFACE.js 接口适配器 default.js 不变项(将不经常变动的data属性,方法,生命周期,事件等放到这里,页面内保留可能会变化项,简化页面结构) ***** - utils 工具目录 - custom 自写工具类库,通过global_utils.js统一暴露 - global_utils.js 用于引入,管理和暴露全局工具 *****