dataEase前端工程启动流程

990 阅读1分钟

进入官网或者gitbub下载项目www.fit2cloud.com/

压缩包中包含前端后端移动端全部项目,找到对应的文件夹

  • Frontend: DataEase 的前端工程, 基于 Vue.js 进行开发
  • Backend: DataEase 的后端工程, 基于 Spring Boot 进行开发, 为 DataEase 的功能主体
  • MySQL: DataEase 项目的主要数据均存储在 MySQL
  • Kettle: 用于在本地连接模式下抽取和转换来自数据源的数据
  • Apache Doris: 用于提供实时数据分析能力

这里只有前端工程,针对我的需求

  1. 启动frontend项目,npm i 下载依赖,启动后可能报错缺少插件,看控制台少哪个下哪个。
  2. 修改dataease\frontend\vue.config.js路径的vue.config.js文件,在devServer:{}中添加host: 'localhost'方便启动
  3. 找到根目录的.env.development,修改VUE_APP_BASE_API,可以是后台启动的地址或者官网地址dataease.fit2cloud.com/ , 添加端口号npm_config_port = 8081 ,完成后这样

image.png 4.在package.json中启动命令的一行添加调用服务的地址 "serve": "vue-cli-service serve --mode development",

目录结构

仪表板:src\views\panel\index.vuesrc\views\panel\index.vue

未完待续