可视化平台部署

1.配置和安转依赖

• 修改根目录的 .env.development 文件，配置后端接口地址

# 后端接口地址
VITE_DEV_PATH = 'http://localhost:8080'

• 安装依赖，建议使用 pnpm，避免不必要的依赖安装报错（node 版本推荐 16.14 左右）

# 安装 pnpm 
npm install -g pnpm

# 安装项目依赖

# pnpm（建议使用nrm切换到淘宝源 https://registry.npmmirror.com/）
pnpm install

# npm
npm install

# yarn
yarn install

2.打包项目

# pnpm
pnpm run build

# npm
npm run build

# yarn
yarn run build

# makefile
make dist

3.部署项目：

Nginx配置文件中添加location ，切记不要用重复的匹配关键词，编译的文件上传到 /var/data/nginx/view/ 目录下

location ^~/view/ {
   alias /var/data/nginx/view/;
   index  index.html;
   try_files $uri $uri/ /index.html last;
}

部署完访问地址： https://[域名]/view/ ，也可以通过在系统中添加外链菜单

# 参考外链地址：
https://iot.fastbee.cn/view/#/project/items

4.添加菜单，集成到物联网平台

提示

FastBee商业版本，有系统内置大屏和可视化平台，通过添加菜单方式访问

• 可视化平台菜单

系统管理 -> 菜单管理 -> 新增

上级菜单：数据可视化
菜单类型：菜单
菜单图标：monitor
菜单名称：大屏展示
是否外链：是
显示排序：2
路由地址：https://iot.fastbee.cn/view   # iot.fastbee.cn 改为自己服务器的地址
是否缓存：缓存
显示状态：显示
菜单状态：正常

5.注意事项

• 保证nodejs版本在v16.14.x以上，推荐使用v16.14.2。
• 如果使用npm install安装依赖仍然无法跑起来的话，请使用pnpm，推荐使用pnpm。
• pnpm安装

1. 安装 pnpm 
npm install -g pnpm
2. 安装 nrm 
npm install -g nrm
3. 使用 nrm 添加阿里镜像
nrm add taobao  https://registry.npmmirror.com/
4. nrm 查看镜像列表
nrm ls
5. nrm 应用对应镜像
nrm use taobao

6.常见问题

1. 运行nrm ls时出现错误：const open = require('open')

再下载一个open包：npm i nrm -g open@8.4.2 --save 再次执行：nrm ls

2. nodejs内存泄露

用node -e 'console.log(v8.getHeapStatistics().heap_size_limit/(1024*1024))' 查询内存可以设置为更高的值：export NODE_OPTIONS="--max-old-space-size=8192" , 值可选：[2048, 4096, 8192, 16384]