Vue-3D-Model使用时警告THREE.OBJLoader

警告原因

• .obj文件经过了webpack的处理，需要把.obj文件放到vue中处理静态文件的文件夹中

• 在vue-cli3中public文件夹下的文件不需要经过webpack处理，在vue-cli3.0之前就是放在static静态文件文件夹下，在vue-cli3.0中需要放在public文件夹下，并且在组件中通过process.env.BASE_URL+public文件夹下的.obj文件的路径来引用。

解决方案

1. .obj文件存放目录为

• public
  – models
  – 1.obj
  – 1.mtl
• src

2. script中加入下列代码

data() {
    return {
        publicPath: process.env.BASE_URL
    }
},

3. HTML代码

<model-obj 
       :src="`${publicPath}/models/l1.obj`"
       :mtl="`${publicPath}/models/1.mtl`"
       backgroundColor="rgb(225,225,225)"
       :scale="{ x: 0.8, y: 0.8, z: 0.8 }"
       >
</model-obj>