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

首先进行开发的一定不要直接用vue-element-admin,这个冗余内容很多,不适合二次开发,二次开发的话选择 vue-admin-template!!!
template就容易上手多了
在这里插入图片描述

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

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

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

  1. 最后改一下api就好啦 位置如下
    在这里插入图片描述
  • 2
    点赞
  • 15
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
vue-element-admin是基于Vue.js的后台管理系统模板,该模板使用了Element UI组件库,并提供了丰富的功能和组件。下面是关于vue-element-admin的脑图: vue-element-admin脑图的主要内容包括: 1. 项目结构:脑图展示了vue-element-admin的文件目录结构,包括主要的文件和文件夹,例如src文件夹、components文件夹、views文件夹等。 2. 主要组件:脑图展示了vue-element-admin中的主要组件,包括菜单组件、布局组件、表格组件、表单组件等。每个组件都有详细的说明和用法,方便开发者使用和定制。 3. 功能模块:脑图展示了vue-element-admin中的主要功能模块,包括权限管理、用户管理、角色管理、日志管理等。每个模块都有详细的介绍和功能描述,便于开发者根据实际需求进行定制和扩展。 4. 数据交互:脑图展示了vue-element-admin中的数据交互方式,包括前端请求方式、后端数据接口的定义和使用,以及数据的获取、修改和删除等操作。 5. 扩展和定制:脑图展示了vue-element-admin的扩展和定制方式,包括如何增加新的组件、模块和页面,以及如何修改现有的组件和功能。 通过这个脑图,开发者可以更好地了解vue-element-admin的整体结构和功能,加快学习和开发的速度。同时,脑图也提供了方便的导航和查询功能,方便开发者查找和理解具体的组件和功能模块。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值