Repository files navigation

此工程已不再更新，由于某些不可抗因素，已转移至https://gitee.com/zhangbinhub/acp-admin

由于js-base64 3.0及以上版本不再支持IE，因此从4.2.0开始不再支持IE

支持的浏览器：

• Chrome latest（推荐，完美）
• Firefox latest（完全支持）
• Edge（完全支持）

使用vue全家桶(Vue+Vue-router+Vuex+axios)、ElementUI样式库构建的前端项目。该项目是前后端分离架构中的“前端部分”。后端工程

• Vue 3
• Vue CLI 5
• Element-plus
• echarts
• cropperJs

• webpack 5
• nodejs
• vue3
• vue cli 5
• vuex
• vue-router
• axios
• echarts
• cropperJs
• mockjs
• js-sha256
• js-base64
• vue-json-editor
• Element-plus

• 前后端交互 HttpStatus Code 说明

该工程默认运行于 nodejs 中，也可根据实际需要运行在其他 web 容器

node -v

npm configset registry https://registry.npm.taobao.org

npm install -g npm-check-updates

npm install

ncu -unpm install

• 语言包路径：src/lang
• 在语言包路径下新增或修改语言属性
• 在 src/lang/index.js 中加载新的语言包

• 如果要使用 mock，在 src/main.js 中加入 import './mock' 即可
• src/mock 中添加或修改 mock 信息
• src/mock/index.js 中引入，并配置相应的 url 拦截策略

1、全局工程配置文件

vue.config.js

配置参考

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 下其他路径存放自定义组件

• 工程根目录下运行

npm run build

• 执行成功后工程根目录下会出现dist文件夹，将dist文件夹中的所有文件复制到nginx的html下即可
• 如果部署在nginx里html的根目录，访问url为http://nginxHost:port
• 如果部署在nginx里html的子目录（如platform/admin），访问url为http://nginxHost:port/platform/admin

假如工程部署在nginx中，需要修改nginx.conf，增加后端接口的反向代理

• 代理后端 gateway

location ~ ^.*/v1/api/(.*)$ {  set $delimeter "";  if ( $args != "" ) {    set $delimeter "?";  }  proxy_pass http://host:port/$1${delimeter}$args;  proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;  proxy_read_timeout 3600s;}

• 登录
• 首页
• 个人信息
• 头像裁剪
• 应用配置
• 菜单配置
• 模块功能配置
• 机构配置
• 角色配置
• 运行参数配置
• 用户配置
• 用户编辑
• 404页面
• 500页面
• 后台日志文件查询、下载
• 路由配置
• 路由日志
• 操作日志
• 登录日志
• demo
  • 文件上传

SeeConfiguration Reference.