v4.1.0 版本更新日志
兼容的浏览器及版本
- Chrome latest(推荐,完美)
- Firefox latest(完全支持)
- Edge(完全支持)
- IE 10+(不推荐,支持但体验不佳)
使用vue全家桶(Vue+Vue-router+Vuex+axios)、ElementUI样式库构建的前端项目。该项目是前后端分离架构中的“前端部分” 。后端工程V4.1.0
系统仍持续完善和优化中,数据初始化及后端数据结构请参看后端工程
- webpack
- nodejs
- vue2
- vue cli 4
- vuex
- vue-router
- axios
- echarts
- cropperjs
- mockjs
- js-sha256
- js-base64
- vue-json-editor
- Element-UI
- vue-count-to
前后端交互 HttpStatus Code 说明
HttpStatus 描述 200 请求成功 201 资源创建成功 400 业务错误 401 token(登录)失效 403 权限不足 404 找不到资源 500 系统异常
该工程默认运行于 nodejs 中,也可根据实际需要运行在其他 web 容器
(一)安装 node.js,并验证
node -v
安装 cnpm ,之后使用 cnpm 代替 npm
npm install -g cnpm --registry=https://registry.npm.taobao.org
或直接配置
npm config set registry https://registry.npm.taobao.org
npm install webpack -g
npm install -g npm-check-updates
npm install -g @vue/cli
npm install
ncu -u
npm install
- 语言包路径:src/lang
- 在语言包路径下新增或修改语言属性
- 在 src/lang/index.js 中加载新的语言包
- 如果要使用 mock,在 src/main.js 中加入 import './mock' 即可
- src/mock 中添加或修改 mock 信息
- src/mock/index.js 中引入,并配置相应的 url 拦截策略
1、全局工程配置文件
2、项目配置文件
- 持久化组件:vuex
- 路径:src/store
- 入口:src/store/index.js
- 系统信息配置文件:src/store/config/appInfo.js
- 路径:src/assets
- 组件:vue-router
- 路径:src/router
- 入口:src/router/index.js
- 路由配置及说明:src/router/routers.js
- 组件:axios、vue-axios
- 入口及全局配置:src/plugins/plugin-axios.js
- 请求 api
- 路径:src/api
- 入口:src/api/index.js
- api 编写:新增或修改文件,在src/api/ApiLists.js中引入并配置
- 独立页面路径:src/components/pages
- 布局框架:src/components/layout
- 框架内页面:src/components/views
- 测试页面:src/components/test
- src/components 下其他路径存放自定义组件