全网最最最详细DataEase-V1部署前后端分离教程

阳光穿透心脏的1/2处 2024-04-29 01:06 188阅读 0赞

前端代码准备

按照前端官方的介绍，推荐使用node.js 16+版本左右的，由于V1的DataEase是使用的Vue2的项目工程，DataEase部署，前端node相关不应该太新。要是不知道如何去做的小伙伴可以看我的其中一篇博客文章，

如何使用 nvm-windows 这个工具来管理你电脑上的Node.js版本。

1.首先执行npm install名称下载相关的依赖

8d2bdb9a0d442190674bffd4302032be.png

2.执行npm run build名称执行打包得到打包好的dist文件

f400a14796b3e1778c47562c4106f75b.png

3.将dist文件放入nginx的资源文件目录中，并且在nginx的conf配置地址中填写好相关的配置信息。

将资源文件放置在ngixn的html文件夹下并且配置好相关的监听信息

fb5b5a24d8f4ed68879ea2de27ca5f3b.png

配置好信息同时设置好后端的代理地址

f9bc3dabb660fe5783590a52ba00f59e.png

配置信息的附录：

  1. server {
  2.     listen      8000;
  3.     server_name localhost;
  5.     location / {
  6.         root    /opt/dataease/frontend/dist/;
  7.         index   index.html;
  8.     }
  10.     location /app.html {
  11.         root    /opt/dataease/mobile/dist/;
  12.     }
  14.     location /de-app/ {
  15.         alias   /opt/dataease/mobile/dist/;
  16.     }
  18.     location /de-api/ {
  19.         proxy_pass http://192.168.3.27:8081/;
  20.         proxy_set_header X-Real-IP $remote_addr;
  21.         proxy_set_header Host $host:8000;
  22.         server_name_in_redirect on;
  23.     }
  24. }

后端代码准备

在启动类代码的根目录下这个路径之下设置好数据库连接的配置信息。

b00fbb219c9ec1be85e89e2b285bda28.png

60dbf049d501bf4b68e8465cc7f81cf5.png

启动服务和ngixn之后访问测试

1a7a5e0af45cdce4b43a5a6044d95996.png

b8158ec8213060eacf8cc8880640bb75.png

初始账号密码dataease

a970b57fa4f09e820dfe92b8a0fa18ed.png

4a1cccbd5d774bcab00f7e905cf20c83.gif

b1aafebcfe784391a039dbd72f85695f.gif

发表评论

表情：
评论列表 （有 0 条评论，188人围观）

还没有评论，来说两句吧...

相关阅读