此项目根据开源项目vue-admin-template更改而来,主要基于该项目进行了小部分更改以便快速创建一个前端项目,你可以访问官方文档获取详细信息
- 增加容器打包配置,使用Nginx运行。
- 更改默认的路由模式为
history
。 - 升级
element-ui
的版本为2.15.14
。 - 删除
stage
环境配置。 - 对登录页进行了调整。
- 删除除Dashboard以外,其它所有页面相关配置和文件。
- 删除个人信息页面
- 404页面修改。
- 默认开启左上角Logo。
- 添加了部分配置、代码的注释。
- 更改默认的业务状态码
code
值为0
。 - 删除模拟数据。
建议使用vscode进行开发调试。
- 安装依赖
npm install
- 运行项目
npm run dev
项目运行成功后默认监听9258
端口,如果想变更端口可参考vue.config.js
文件中名为port
常量的相关使用说明。
- 安装依赖
npm install
- 项目编译
npm run build:prod
- 打包镜像
打包镜像参考
Dockerfile
文件中的配置即可,可根据自己的喜好更改。
vue.config.js
:项目基本配置信息。src/permission.js
:权限拦截器,用于校验用户是否已登录。src/utils/request.js
:与后端交互的请求拦截器,用于处理前后端交换的请求,封装了axios
。
修改src/settings.js
文件中的title
名称。
更改src/settings.js
文件中的sidebarLogo
值即可,true
表示开启,false
表示关闭。
替换public/favicon.ico
文件为你想的的图标。
文件路径为src/views/login/index.vue
。
文件路径为src/layout/components/Navbar.vue
。
文件路径为src/layout/components/Sidebar/Logo.vue
。