本项目基于Vue3及Vue-Router4搭建,采用Webpack4进行模块化管理和优化,并结合轻量级UI库Vant打造高效、美观的移动应用前端基础架构。
基于Vue3+vue-router4+webpack4+vant构建的手机端基础框架:
1. 具备自适应屏幕功能。
2. HttpRequest文件夹主要包含axios的基础配置及HTTP请求封装,可根据需求进行调整(尚未经过测试)。
3. styles文件夹内含公共CSS样式,项目采用less编写,入口为index.less。任何新增加的CSS需要导入到该文件中才能生效。
4. util文件夹包括一些常用的工具类方法(仍在完善中)。
5. router.js是路由配置的主要文件。
6. env.* 文件用于不同环境下的配置设置,主要涉及VUE_APP_BASE_URL参数(接口地址),而VUE_APP_STATISTICS_URL为自定义的接口地址可选择性使用。在config/properties.js中进行引用配置。
7. config文件夹内存放一些基础配置信息。
以上是手机端项目框架的主要组成部分和功能说明。