前端常见集成问题

1. 预览本地轻量化模型失败

问题原因
按F12进入开发者页面,可以看到以下信息,提示”跨域“
解决方法
禁用浏览器的同源策略。 以谷歌浏览器为例,禁用同源策略的步骤如下:
  1. 新建一个文件夹。例如E:\chrome_ky
  2. 新建一个谷歌浏览器快捷方式。为方便区分,建议修改快捷方式名称,例如:"Google Chrome-跨域2"。
  3. 右击新建的快捷方式,选择 属性 。在 快捷方式 页签,将以下代码加入 目标 文本框。
    --disable-web-security --user-data-dir=E:\chrome_ky
  4. 单击 应用 ,再单击 确认
  5. 要访问跨域资源,请双击新建的快捷方式,在打开的浏览器中,输入资源地址。

如果使用其它浏览器:

  • 火狐浏览器:在地址栏输入:about:config,搜索”security.fileuri.strict_origin_policy”并设置该项为false。然后重启浏览器。
  • 360浏览器:操作步骤参照谷歌浏览器。

2. 集成轻量化模型,预览失败,“ViewerVisit”接口访问失败

问题原因
按F12进入开发者页面,可以看到“ViewerVisit”接口访问失败,该接口失败有2种原因,一种集成“Viewer”时,没有设置 “nd_viewCtrl.fingerHttp”,另外一种是设置的不对,客户浏览器预览的环境访问不到该设置。
解决方法
集成Viewer,需要添加并设置 “nd_viewCtrl.fingerHttp”的值为门户网站 > 开发接口 > 接口地址中的地址信息。

3. 模型无法加载,显示loading效果或报错

报错截图1
报错截图2
解决方法
显示loading效果后,模型无法预览。一般是轻量化文件路径src配置错误或无法访问。

4. Viewer资源包适用于哪些前端技术体系

问题原因
Viewer能集成在vue,angualr,react等前端框架中使用吗?
解决办法
是可以的,Viewer通过iframe隔离可以集成在任意前端框架中使用。支持IE11以上版本打开,建议使用chrome浏览器进行调试。

5. 如何升级Viewer版本

问题原因
转化服务更新后,Viewer无法预览,需要升级版本。应该替换哪些资源?
解决办法
替换下图中资源即可,通过控制台可以检查Viewer版本打印信息,判断资源是否更新成功。viewer.js、demo.html等文件不属于Viewer资源,它用于模拟业务端做集成交互,不需要替换。

6. 如何隐藏Viewer功能菜单

问题原因
希望隐藏部分功能菜单或全部功能菜单。
解决办法
隐藏部分功能菜单,建议配置hidebtnCfg,参考可配置的枚举值。隐藏整个菜单功能,建议配置setBottomToolHide,隐藏立方体,建议配置setBoxHide。