之前有一个项目是要把在unity做的虚拟工厂嵌到管理系统里去，也就是unity进行webGl导出，然后嵌入到前端项目中。我们的前端项目是用VUE搭的。
原先尝试了安装vue-unity-webgl插件，但是失败了。最后我们用iframe实现了。方式很简单，iframe是自带的网页标签，直接使用就好。

    <iframe 
    id="unity-infame" 
    ref="iframeDom" 
    src="/static/newtest/index.html" 
    frameborder="0" 
    scrolling="no"
     width= "100%" height="100%"></iframe>

原理就是iframe相当于一个独立的window容器，通过链接的形式的引入unity页面，在设定好的iframe内容中显示对应的网页内容，即使该页面中引用了全局的方法也不会对vue网页有影响。
src我用的是相对地址，对应的从unity中导出的webgl内容整个放入了vue项目的public的static文件夹中。

用vue可以跑webgl页面，我在之前一篇博客说明了unity webgl 运行 浏览器 vue 服务器，大家可以参考一下。
src也可以导出网络上其他服务器的内容，比如你输入www.baidu.com也是可以的。这种方式可以方便进行多项目联动。对于iframe内容显示的大小范围等你可以自己通过标签属性和css来设置网页样式。
这里对于ref要说明，如果要进行iframe内容与vue页面交互，则需要通过它实现，我会在另一篇博客对这个问题进行详细说明。