vue-admin-template新手使用简单指南

忙乎了一天才改好,前端0基础还让我做这个,难顶,记录下备忘吧。
1.修改.env.development
vue-admin-template新手使用简单指南_第1张图片
2.修改vue.config.js
vue-admin-template新手使用简单指南_第2张图片
3.修改src/utils/request.js
可以修改code状态码,改为自己的,简单点直接全部注释掉,留个return res;即可。
vue-admin-template新手使用简单指南_第3张图片
4.修改main.js
注释掉图中内容,可以全部注释掉不用mock的假数据,但要自己在后台写登录的几个方法,有点麻烦,就用假数据,没有影响。
vue-admin-template新手使用简单指南_第4张图片
改完应该就可以写自己的增删改查了(最好不要用table和user自己新建一个)。
1.修改src/router/index.js添加左边的导航栏,加一个test
vue-admin-template新手使用简单指南_第5张图片
2.在src/api下加一个test.js
我的真实url是http://localhost:8081/list
vue-admin-template新手使用简单指南_第6张图片
3.在src/views/下新建文件夹test,在test里创建index.vue,
前台代码较多,只截取一部分

vue-admin-template新手使用简单指南_第7张图片
剩下的增删改查并不难,随便做做即可。

你可能感兴趣的:(vue-admin-template新手使用简单指南)