vue2与three.js：图片颜色为什么显示异常？

前端vue2 使用three.js 创建的 3D 场景，为什么部署之后图片颜色不正常

第一张是部署在服务器上的展示样式截图，第二张是本地展示样式截图打包之后在dist查看static 里面的图片是正常的，没有问题背景是通过three 场景添加的背景图

  // 创建场景
    setScene() {
      //  创建场景对象Scene
      this.scene = new THREE.Scene()
      // 加载背景图片
      var texture = new THREE.TextureLoader().load(require('@/assets/screen/backGround_big.png'))
      // 纹理对象Texture赋值给场景对象的背景属性.background
      this.scene.background = texture
    },

部署之后F12中 ele中dom结构并没有异常，没有什么多余蒙版遮住。中间是一个地图，地图加载代码已经注释并不会影响three场景，地图展示是另一个问题，https://segmentfault.com/q/1010000044486266