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

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

### 前端代码准备 ###

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

[如何使用 nvm-windows 这个工具来管理你电脑上的Node.js版本][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][]

配置信息的附录：

server {
        listen      8000;
        server_name localhost;
    
        location / {
            root    /opt/dataease/frontend/dist/;
            index   index.html;
        }
    
        location /app.html {
            root    /opt/dataease/mobile/dist/;
        }
    
        location /de-app/ {
            alias   /opt/dataease/mobile/dist/;
        }
    
        location /de-api/ {
            proxy_pass http://192.168.3.27:8081/;
            proxy_set_header X-Real-IP $remote_addr;
            proxy_set_header Host $host:8000;
            server_name_in_redirect on;
        }
    }

### 后端代码准备 ###

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

![b00fbb219c9ec1be85e89e2b285bda28.png][]

![60dbf049d501bf4b68e8465cc7f81cf5.png][]

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

![1a7a5e0af45cdce4b43a5a6044d95996.png][]

![b8158ec8213060eacf8cc8880640bb75.png][]

初始账号密码dataease

![a970b57fa4f09e820dfe92b8a0fa18ed.png][]

![4a1cccbd5d774bcab00f7e905cf20c83.gif][]

![b1aafebcfe784391a039dbd72f85695f.gif][]

[nvm-windows _Node.js]: https://blog.csdn.net/weixin_50503886/article/details/134085120?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522171016570616800211516595%2522%252C%2522scm%2522%253A%252220140713.130102334.pc%255Fblog.%2522%257D&request_id=171016570616800211516595&biz_id=0&utm_medium=distribute.pc_search_result.none-task-blog-2~blog~first_rank_ecpm_v1~rank_v31_ecpm-1-134085120-null-null.nonecase&utm_term=nvm&spm=1018.2226.3001.4450
[8d2bdb9a0d442190674bffd4302032be.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/29/c84aea198ba3498581c2722db1d46714.png
[f400a14796b3e1778c47562c4106f75b.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/29/7cb6d9e91f1c4377aa1049c64138d148.png
[fb5b5a24d8f4ed68879ea2de27ca5f3b.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/29/2acbb5bad64f41128ad138ed96a88b41.png
[f9bc3dabb660fe5783590a52ba00f59e.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/29/b7b4a29a1e704728b154afad62724f50.png
[b00fbb219c9ec1be85e89e2b285bda28.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/29/6a9026dfc7834c988ec887b75b9164da.png
[60dbf049d501bf4b68e8465cc7f81cf5.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/29/eee0bee16de14f5e8b988a8d2eee034e.png
[1a7a5e0af45cdce4b43a5a6044d95996.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/29/96257f5bf80441abb80fa636c50b6ee9.png
[b8158ec8213060eacf8cc8880640bb75.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/29/1248b02d264047789f38955a7cbe5c0b.png
[a970b57fa4f09e820dfe92b8a0fa18ed.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/29/e6e957292ef2446f95a7bcf3d8b4c971.png
[4a1cccbd5d774bcab00f7e905cf20c83.gif]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/29/b3598b41169d4a1c860304f6a890a861.gif
[b1aafebcfe784391a039dbd72f85695f.gif]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/29/81ac75ec959f4aff9af97941e11b7378.gif