前端常见集成问题
1. 预览本地轻量化模型失败
- 问题原因
- 按F12进入开发者页面,可以看到以下信息,提示”跨域“
- 解决方法
- 禁用浏览器的同源策略。 以谷歌浏览器为例,禁用同源策略的步骤如下:
- 新建一个文件夹。例如 E:\chrome_ky 。
- 新建一个谷歌浏览器快捷方式。为方便区分,建议修改快捷方式名称,例如:"Google Chrome-跨域2"。
- 右击新建的快捷方式,选择 属性 。在 快捷方式 页签,将以下代码加入 目标
文本框。
--disable-web-security --user-data-dir=E:\chrome_ky
- 单击 应用 ,再单击 确认 。
- 要访问跨域资源,请双击新建的快捷方式,在打开的浏览器中,输入资源地址。
如果使用其它浏览器:
- 火狐浏览器:在地址栏输入: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。