使⽤Vue-admin-template改造项⽬基本介绍⽬录标题
1、⽬录结构
vue-element-admin-master（拥有完整的功能的插件）
2、关键⽂件
vue-admin-template-master（源码相对简单，我们的后台管理系统基于这个版本）
2.1 package.js
npm项⽬的核⼼配置⽂件，包含项⽬信息，项⽬依赖，项⽬启动相关脚本
启动项⽬的命令： npm run dev
dev脚本：webpack-dev-server --inline --progress --config build/f.js
webpack-dev-server：⼀个⼩型的基于Node.js的http服务器，可以运⾏前端项⽬
–inline：⼀种启动模式
–progress：显⽰启动进度
–config build/f.js：指定webpack配置⽂件所在位置
vue element admin
2.2 build/f.js
webpack配置⽂件，包含项⽬在开发环境打包和运⾏的相关配置f.js 中引⽤了 f.js f.js 中定义了项⽬打包的⼊⼝⽂件
在HtmlWebpackPlugin配置html模板，⽣成的js就会⾃动插⼊到模板中，如下⾯的配置。
因此⽣成的js⽂件会被⾃动插⼊到名为index.html的页⾯中
2.3 index.html
项⽬默认的html页⾯
2.4 src/main.js
项⽬js⼊⼝⽂件，项⽬的所有前端功能都在这个⽂件中引⼊和定义，并初始化全局的Vue对象2.5 confi
v.js
定义全局常量值
因此，在项⽬中的任意位置可以直接使⽤ v.BASE_API 常量表⽰后端接⼝的主机地址2.6 src/utils/request.js
引⼊axios模块，定义全局的axios实例，并导出模块
2.7 src/api/login.js
引⽤request模块，调⽤远程api

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。