51工具盒子

依楼听风雨
笑看云卷云舒,淡观潮起潮落

【常见问题】DataEase 做前后端分离部署,导入仪表板模板后背景图片无法显示的解决方法

1 前后端部署在单节点上 {#heading-1}

**注意:**该情况适用于 v1.14.0 之前,后续版本无需再配置 Nginx。

使用了 Nginx 做 DataEase 前后端分离部署,由于无法访问到静态资源,导致仪表板或组件背景图片无法显示,可在 nginx.conf 配置文件中添加以下内容。

server {
    listen      8000;
    server_name localhost;
    client_max_body_size  15m;
    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 /static-resource/ {
        root   /opt/dataease/data;
    }

    location /de-api/ {
        proxy_pass http://localhost:8081/de-api/;
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header Host $host:8000;
        server_name_in_redirect on;
    }



`}
`

注意 client_max_body_size 参数与上传图片的大小有关。


2 前后端部署在两个不同节点上 {#heading-2}

此情况需要将后端节点 /static-resource/ 目录与前端节点共享, 参考 搭建 NFS 服务 - DataEase 文档,Nginx 与前端部署在一个节点,后端服务端与 NFS 部署在一个节点,使用 NFS 做目录共享。

后端节点搭建 NFS 服务端并创建 NFS 目录。

# 安装 NFS 服务器的软件包
yum install -y nfs-utils
# 更改静态资源默认目录 /opt/dataease/data/static-resource 的权限
chmod 755 -R /opt/dataease/data/static-resource
# 修改 exports 文件
echo "/opt/dataease/data/static-resource 10.1.11.0/24(rw,no_root_squash,no_all_squash,sync)" >> /etc/exports
# 参考搭建 NFS 服务文档,需先启动 rpcbind 服务并再启动 NFS 服务

前端节点搭建 NFS 服务端并创建 NFS 目录

# 安装 NFS 服务的软件包
yum install -y nfs-utils
# 创建挂载目录
mkdir -p /opt/dataease/data/static-resource
chmod 755 -R /opt/dataease/data/static-resource
# 挂载
echo "10.1.11.55:/opt/dataease/data/static-resource /opt/dataease/data/static-resource nfs defaults 0 0" >> /etc/fstab
mount -a

注意挂载 /static-resource/ 目录与情况一中 Nginx 配置文件对应。

location /static-resource/ {
   root   /opt/dataease/data;

提示:本文需要先了解 DataEase 源码搭建文档:https://dataease.io/docs/dev_manual/dev_deployment/tool/

赞(0)
未经允许不得转载:工具盒子 » 【常见问题】DataEase 做前后端分离部署,导入仪表板模板后背景图片无法显示的解决方法