vue-3D-model图画不显示

最新推荐文章于 2024-05-04 22:16:28 发布
最新推荐文章于 2024-05-04 22:16:28 发布
阅读量1k 收藏 2
点赞数
分类专栏： vue-3D-model 文章标签： vue 3d
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_48947842/article/details/123875555
版权

1.本地图片不显示

路径报错是文件放错地方了；
正确的路径应该是文件放在public>static里面；
图片放在其他的文件夹下，路径没有问题，也是不显示的；
项目里的资源多数是要获取线上的地址的，使用线上的资源路径是可以的；
线上路径在本地会出现跨越
(这个就要你们解决了,可以下个allow-cors-access-control插件,资源我放另一篇里面了)
在这里插入图片描述

2.打包

打包要配置一下publicPath改成 ./
在这里插入图片描述

陸陽
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue项目中加载模型报错
空谷足音的博客
04-03 1222
模型要放到public目录下，可以新建一个文件夹models放各种模型，引入的时候 loader.load('models/changfang.obj', function (object) {}) 完整示例： <template> <div id="loaderModel"> </div> </template> ...
关于vue-3D-model控制台报错和图画不显示的问题
qq_42321492的博客
03-09 1671
由于公司项目要求，不得已接触到了3维视图的展示； 搜索后发现都推荐使用vue-3D-model，按照示例下载相关依赖，在组件中引入文件，但页面上就是不显示，控制台还报错 翻译了一下是定位的错，让我一度以为是我拿到的3d文件是错的，，，， 后来查找相关文档，有说在根目录建文件夹的，也有认真比对src路径的，可能是我太笨，也可能是不细心，仔细查看demo和源文件的时候发现，例子上的路径写法是 而源文件的路将是 这是直接把public给忽略掉了啊！！ 尝试了一下，放在其他的文件夹下，路径写的也是一点问题没有，也
vue-3d-model-Vue组件中的3D模型查看器。-Vue.js开发
05-27
vue-3d-model vue.js 3D model viewer component, based on threejs, inspired by model-tag 一个展示三维模型的Vue组件，支持模型操作和模型点击事件，能自动缩放模型到合适大小并校正偏移，支持多种格式的模型。 Examp vue-3d-model vue.js 3D model viewer component, based on threejs, inspired by model-tag 一个展示三维模型的Vue组件，支持模型操作和模型点击事件，能自动缩放模型到合适大小并校正偏移，支持多种格式的模型。 Example DEMO Install using npm npm install vue-3d-model --save Or using script tag for global use
2024年Web前端最全vue-3d-model触发点击事件_vue3dloader 模型点击事件，【最全总结】
最新发布
2401_84412357的博客
05-04 685
如果你已经下定决心要转行做编程行业，在最开始的时候就要对自己的学习有一个基本的规划，还要对这个行业的技术需求有一个基本的了解。有一个已就业为目的的学习目标，然后为之努力，坚持到底。如果你有幸看到这篇文章，希望对你有所帮助，祝你转行成功。开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】在你引入插件的代码加上@on-click=“onclick”
vue显示3d模型|vue-3d-model不显示问题
qq_42877655的博客
03-12 2493
vue显示3d模型使用vue-3d-model 1. 下载 npm install vue-3d-model --save 引入组件，可支持7种模型文件类型 类型 对应组件 obj <model-obj> json <model-three> stl <model-st> dae <model-collada> ply <model-ply> fbx <model-fbx> gltf(2.0)
vue3问题：vue-3d-model引入报错
tiancaizhb1的博客
01-17 456
执行pnpm install vue-3d-model@2.0.0-alpha.4。pnpm install vue-3d-model后自动下载版本1.4.1。将vue-3d-model升级到2.0.0后可以使用。
vue-3d-model.zip
06-28
在vue中使用threejs来展示3D模型，包括obj、fbx、gltf等格式，封装成独立组件的形式，支持多种自定义配置项
vue-3d-model
03-21
vue展示3D模型
vue-3d-model：:camera:vue.js 3D模型查看器组件
02-06
例安装使用npm npm install vue-3d-model --save或使用脚本标签供全球使用< script src =" https://unpkg.com/vue-3d-model/dist/vue-3d-model.umd.js " > </ script > 或下载并将其包含在您的html中...
vue-3d:基于vue+threejs的3d展示
05-08
vue-3d 一个Vue.js项目构建设置# install dependenciesnpm install# serve with hot reload at localhost:8080npm run dev# build for production with minificationnpm run build# build for production and view ...
vue-3d-model设置
ydZ157的博客
12-14 1245
3d模型一面是亮的，另一面是黑的。由于没有设置灯光，导致模型渲染出来比较暗
用vue-3d-model展示3D文件时,有一半是黑色一半是正常色
weixin_44005382的博客
12-03 2734
用vue-3d-model展示3D文件时,有一半是黑色一半是正常色,这是因为没有设置灯光的原因; 灯光lights设置为: <model-obj :src=“getAvatarView()” :mtl=“getLatticeMtl()” @on-load=“onLoad” :backgroundColor=“bgColor” :backgroundAlpha=“bgAlpha” :lights=“lights” :controllable=“controllable”> data() { ret
vue集成vue-3d-model预览3D模型
u010818514的博客
06-30 1万+
1、新增vue-3d-model依赖 npm installvue-3d-model 或者 yarn addvue-3d-model 2、使用 若模型路径为项目内路径，则需要将模型放在vue项目根目录下 项目中如下使用 否则会报如下错误： 若路径为服务器路径，则只需填写正确的src路径即可 3、为模型添加旋转等效果 vue-3d-model模型预览 0人点赞 ...
vue-3d-model报错Uncaught Error: OBJLoader: Unexpected line: “＜!DOCTYPE html＞“
weixin_43228674的博客
08-28 3343
使用vue-3d-model报如下错误：Uncaught Error: OBJLoader: Unexpected line: “” 原因： src路径不对。 解决方法，第一种，查看路径，要将模型放在(public/static)，因为vue-cli会自动更改assets目录中的资源路径。 第二种，src是动态获取的，obj文件的路径是从后台获取的，需要检查后台数据库传的’/'是不是反斜杠""。如果是需要进行字符串替换。 ...
vue中展示3D模型 -- vue-3d-model
热门推荐
Rainy_X的博客
08-14 1万+
一、搜集到的网址 3D模型库 three.js WebGL babylonJS ThingJS EverAPI 3D数据可视化库 echarts — 基于Canvas Highcharts —基于SVG d3.js — 基于SVG/Canvas+SVG g2.js — 基于Canvas 二、需求 尝试使用three.js后发现上手不是特别快，后来发现了vue-3d-model组件，能够很简单的展示出3D模型 效果图如下 使用原因可看这篇文章 https://www.jianshu.com/p/
Vue-3D-Model：用简单的方式来展示三维模型
陈悕的专栏
01-13 1万+
这是一个用来展示三维模型的Vue组件，用最简单的方式在网页中展示三维模型，解决模型视角控制、鼠标事件等一系列问题。 找到这个插件源于一个客户的需求，要上传obj格式的三维模型，在网页中展示，当时跟客户说的是尽量实现，找到这个插件可是解了我的燃眉之急，感谢大神hujiulong。 原文地址：https://www.jianshu.com/p/c093ff00ea1b 注：插件基于vue，请先引
npm下载的vue-3d-model的学习笔记
菜鸟karroy
03-20 3826
Part1 build文件夹 config文件夹 1、你用vue-cli模板构建的vue项目都会有这些文件，属于webpack相关配置； dev.env.js文件是开发环境的变量，npm run dev命令；在build文件下webpack.dev.conf可找到在什么地方引入了此变量； prod.env.js文件是生产环境的变量，npm run build命令；在build文件下webpack....
vue-3d-model展示多个
06-09
要在Vue中展示多个3D模型，可以使用循环遍历的方式来动态生成多个`<vue-3d-model>`组件。例如，可以在Vue组件中定义一个数组，其中包含多个模型的URL地址。然后，在模板中使用`v-for`指令来循环遍历这个数组，生成多...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值