已解决,由于项目是由vue-cli3搭建的,将obj模型放入public后需要用es6语法引入。
首先在return中定义publicPath: process.env.BASE_URL
然后在引用路径时写入${this.publicPath}即可引用
完整引用代码如
`
export default {
name: 'app',
data() {
return {
publicPath: process.env.BASE_URL
}
},
methods: {
scene() {
window.addEventListener('DOMContentLoaded', () => {
let canvas = document.getElementById('renderCanvas');
let engine = new this.BABYLON.Engine(canvas, true);
let scene = this.createScene(canvas, engine);
engine.runRenderLoop(() => {
scene.render()
})
})
},
createScene(canvas, engine) {
let _this = this
let scene = new this.BABYLON.Scene(engine)