Skip to content

yuyan075500/vue-admin-template

Repository files navigation

声明

此项目根据开源项目vue-admin-template更改而来,主要基于该项目进行了小部分更改以便快速创建一个前端项目,你可以访问官方文档获取详细信息

修改内容

  • 增加容器打包配置,使用Nginx运行。
  • 更改默认的路由模式为history
  • 升级element-ui的版本为2.15.14
  • 删除stage环境配置。
  • 对登录页进行了调整。
  • 删除除Dashboard以外,其它所有页面相关配置和文件。
  • 删除个人信息页面
  • 404页面修改。
  • 默认开启左上角Logo。
  • 添加了部分配置、代码的注释。
  • 更改默认的业务状态码code值为0
  • 删除模拟数据。

开发环境调试

建议使用vscode进行开发调试。

  1. 安装依赖
npm install
  1. 运行项目
npm run dev

项目运行成功后默认监听9258端口,如果想变更端口可参考vue.config.js文件中名为port常量的相关使用说明。

生产环境部署

  1. 安装依赖
npm install
  1. 项目编译
npm run build:prod
  1. 打包镜像 打包镜像参考Dockerfile文件中的配置即可,可根据自己的喜好更改。

项目特殊文件说明

  • vue.config.js:项目基本配置信息。
  • src/permission.js:权限拦截器,用于校验用户是否已登录。
  • src/utils/request.js:与后端交互的请求拦截器,用于处理前后端交换的请求,封装了axios

项目基本使用

更改页面标题

修改src/settings.js文件中的title名称。

开启或关闭左上角Logo

更改src/settings.js文件中的sidebarLogo值即可,true表示开启,false表示关闭。

更改页面Icon图标

替换public/favicon.ico文件为你想的的图标。

登录页修改

文件路径为src/views/login/index.vue

右上角头像下拉菜单更改

文件路径为src/layout/components/Navbar.vue

左上角Logo修改

文件路径为src/layout/components/Sidebar/Logo.vue

About

基于vue-admin-template进行了些许改动

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published