vue-element-admin 搭建项目 前后端交互

首先进行开发的一定不要直接用vue-element-admin,这个冗余内容很多,不适合二次开发,二次开发的话选择 vue-admin-template!!!
template就容易上手多了
vue-element-admin 搭建项目 前后端交互_第1张图片

1.然后就是改前端布局,css什么的,在当前它的index.vue里面改它的布局样式就好啦
vue-element-admin 搭建项目 前后端交互_第2张图片
2.页面布局完成后需要前后端交互了,这时候需要删掉一些mock的数据,,否则就会出现双层接口地址,就像下面这样
在这里插入图片描述
3.需要删除的部分有:
vue-element-admin 搭建项目 前后端交互_第3张图片
vue-element-admin 搭建项目 前后端交互_第4张图片
vue-element-admin 搭建项目 前后端交互_第5张图片
4.将原项目的前后端交互数据删除之后,需要将baseUrl改成自己的
位置在.env.development里面
vue-element-admin 搭建项目 前后端交互_第6张图片
例如:

VUE_APP_BASE_API = 'https://192.122.22.222:8080' //自己项目的服务器地址

tip:一定要加https!!!,不然还是double的

  1. 最后改一下api就好啦 位置如下
    vue-element-admin 搭建项目 前后端交互_第7张图片

你可能感兴趣的:(vue,es6,css3,sass,前端)