vue-admin-template,新手踩坑指南（一）

作为一个测试人员去做前端还是有点吃力的，尤其还是用admin这样的知名的框架，不过2天下来也算是弄成一些其中踩过了无数的坑这里记录一下。

首先是获取vue-admin-template代码

git clone https://gitee.com/mirrors/vue-admin-template.git

拉下来代码之后要进行修改，因为框架本身接口的模拟用的都是mock数据这里要修改一下；

vue-admin-template新手使用简单指南_秃猿的博客-CSDN博客

这里引用了这位大哥的方法，进行了框架的初步改造（真的非常感谢这位大哥）

1.首先修改.env.development

VUE_APP_BASE_API = ''

2.修改vue.config.js

3.修改src/utils/request.js

这个文件一般是修改响应返回的code码，因为写的是2000而在实际中一般是200，但是如果你登录如果不着急写的华，可以先用这个框架的mock来实现你的登录，这样的话就把所有的判断都注释掉，只留下 return res 返回结果；

4.修改main.js

注释掉图中内容，可以全部注释掉不用mock的假数据，但要自己在后台写登录的几个方法，有点麻烦，就用假数据，没有影响

5.下面就可以开始写自己的页面了

首先去view下面去新建自己所需要的页面，然后在router/index.js 里面去新加路由

如图所示：注意点如果一个菜单下面只有一个子菜单的话是不显示父菜单，所以要加上alwaysShow