简介和项目部署

项目简介

本项目使用Vue3 + Vite + Axios + Element-Plus + ECharts + moveable 开发，可离线运行，也可以配合后端服务器运行

安装插件

注意：该插件只适配了GFast授权版，开源版不兼容。

插件下载后有三目录：分别是data-view-server,data-view-admin-ui,data-view

data-view-server为后端服务，将代码覆盖到你gfast授权版后端根目录，并执行data-view-server/dbfile文件下的sql导入对应数据表和菜单，

*_sys_auth_rule.sql为sql脚本文件需要在mysql控制台运行导入(或粘贴到navcat等数据库管理工具中运行导入)

大屏插件中包含了 短信插件，邮件插件，用户中心插件，如果之前已经安装过短信,邮件，cms 插件，请勿重复导入相关sql。

将data-view-admin-ui覆盖到gfast后台前端根目录下

大屏端代码

目录data-view为大屏前端代码

安装大屏前端项目依赖

默认使用pnpm依赖管理工具，你也可以使用npm或yarn等

pnpm install

运行开发环境服务

pnpm dev

编译大屏项目

pnpm build-only

离线运行

一般只做预览用，项目信息保存在本地流览器的 app->存储->IndexedDB中，无需服务端即可运行。
离线运行时如需登录直接点登录，不会验证账号密码。
要使用离线方式运行请修改对应的.env配置文件
VITE_OFFLINE_MODE = true

配合后端服务器运行

1. 修改.env文件中的 VITE_OFFLINE_MODE = false，修改对应的API地址为你自己的地址
2. 后端服务器可以使用g-fast，也可以行开发。
3. 关于g-fast的开发布署请参考g-fast的文档,如果运行时提示缺少库安装一下就可以了。
4. 后端配置请修改config.yaml
5. 相关数据库文件在 dbfile中，需要自己按需恢复到原来g-fast项目数据库中，注意不要覆盖你原来的数据。

服务器部署参考nginx配置

server
{
    listen 80;
    server_name www.test.abc;
    index index.html index.htm default.htm default.html;
    root /www/wwwroot/www.test.abc;

    #禁止访问的文件或目录
    location ~ ^/(\.user.ini|\.htaccess|\.git|\.svn|\.project|LICENSE|README.md|package.json|package-lock.json|\.env) {
        return 404;
    }

    #关键配置，用于反向代理上传的图片资源
    location /upload_file/ {
      root /www/wwwroot/www.test.abc/go_app/resource/public/upload_file/;
    }

    #关键配置，用于反向代理上传的图片资源
    location ^~ /prod-api/upload_file/
    {
        proxy_pass http://127.0.0.1:8700/upload_file/;
        proxy_set_header Host $host;
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
        proxy_set_header REMOTE-HOST $remote_addr;
        add_header X-Cache $upstream_cache_status;
        #Set Nginx Cache
        set $static_fileCrsYlyQe 0;
        if ( $uri ~* "\.(gif|png|jpg|css|js|woff|woff2)$" )
        {
            set $static_fileCrsYlyQe 1;
            expires 12h;
            }
        if ( $static_fileCrsYlyQe = 0 )
        {
        add_header Cache-Control no-cache;
        }
    }

    # 关键配置，后台接口 反向代理
    location ^~ /prod-api/
    {
        proxy_pass http://127.0.0.1:8700/;
        proxy_set_header Host $host;
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
        proxy_set_header REMOTE-HOST $remote_addr;
        add_header X-Cache $upstream_cache_status;
        add_header Cache-Control no-cache;
    }

    #如果vue-router的历史记录不是createWebHashHistory()，则配置下面的代理防止刷新后找不到页面
    location / {
    #    try_files $uri $uri/ /index.html;
    }
    # HTTP反向代理相关配置结束 <<<
}