vue访问本地public文件夹下面的文件 404

最新推荐文章于 2024-08-30 17:51:07 发布
最新推荐文章于 2024-08-30 17:51:07 发布
阅读量1.1k 收藏 1
点赞数 1
文章标签： html javascript css
本文为博主原创文章，未经博主允许不得转载。
本文链接：https://blog.csdn.net/Yun__shen/article/details/131801182
版权
文章讲述了在编程或配置文件中，一个JSON文件的引用路径从错误的/public/json/wugong.json更正为/json/wugong.json的过程。这可能是为了优化路径简洁性或符合特定规范。
摘要由CSDN通过智能技术生成 
错误写法： url: "/public/json/wugong.json"
正确写法： url："/json/wugong.json"
china-yun
关注
vite+vue3+plyr播放本地public文件夹下视频无法加载，如何解决？？？
**My Coding Family**
09-05 696
🏆本文收录于《CSDN问答解惑-专业版》专栏，主要记录项目实战过程中的Bug之前因后果及提供真实有效的解决方案，希望能够助你一臂之力，帮你早日登顶实现财富自由🚀；同时，欢迎大家关注&&收藏&&订阅！持续更新中，up！up！up！！
vue 读取本地文件内容
SUE_DONG的博客
08-05 7031
vue 读取本地文件内容。
Vue如何访问Public文件夹
汪程序员
05-01 1万+
说明 为什么需要访问Public文件夹的内容？ 一般都是放在assets下面，但是无法实现动态访问，这就造成如果你要动态加载一个图片或者视频是不行的。 比如：我现在把testHuawei.mp4放在assets文件夹下面，那么他会被打包，这时候，运行，你找到这个图片，它的路径为： http://localhost:8081/media/testHuawei.c4367207.mp4 多出一个c4367207（这是内部为了安全），这样你在写代码无法动态加载，因为只要是文件不一样，生成的数值也是不一样。
Vue项目读取本地文件
weixin_43611145的博客
07-31 2万+
Vue项目读取本地文件 观前提示： 本文所使用的IDEA版本为ultimate 2019.1，node版本为v12.16.2，vue版本为@vue/cli 4.3.1。
vue实现浏览器读写本地文件
最新发布
yingbbai的博客
08-30 710
vue实现浏览器读取本地文件，保存，另存为操作
如何访问public目录下的文件
m0_57236802的博客
11-10 2049
在Web开发框架（如React, Vue, Angular）中，当构建项目时，这些框架的构建工具会将所有的静态资源复制到构建输出目录中（通常是。目录是一个特殊的目录，用于存放静态资源，如图片、JavaScript文件、CSS样式表和其他需要直接通过浏览器访问的文件。目录的具体名称可能有所不同，例如在Create React App中，你将静态资源放在项目根目录下的。文件夹中，而在Vue CLI或Angular CLI中，你可能会将它们放在。请注意，根据你的开发环境或框架，如果文件位于子目录中，例如。
vue引用public文件夹中文件
无心使然云中漫步
12-13 7370
可以看到，虽然有警告，但是/public中的js文件，在vue组件中用import { test } from '/public/test.js' 方式引入后还是可以使用的，但是js文件内容已经被引入到当前js中了，test.js也不会影响。可以看到，虽然有警告，但是/public中的js文件，在vue组件中用import { test } from '/public/test.js' 方式引入后还是可以使用的，但是js文件内容已经被引入到当前js中了，test.js也不会影响。
vue3 访问 public 内文件
weixin_46243213的博客
10-07 5642
vue3 访问 public 内文件
vue@cli3 组件访问public里边的文件
xue_daqian的博客
02-20 3473
vuecli3 组件访问public里边的文件 使用a标签下载文件模板，文件模板需要放在前端。 需要将模板文件放置在public文件夹中，避免打包时被篡改，文件使用英文命名。 修改vue.config.js文件里面的publicPath,类似于这种 module.exports = { publicPath: process.env.NODE_ENV === 'production' ? './' : '/', } 组件里引用，首先需要
vue-cli3访问public文件夹静态资源报错的解决方式
10-14
在使用Vue CLI 3开发Vue应用程序时，经常会利用public文件夹来存放静态资源文件，如图片、图标、HTML模板等。这些静态资源在开发环境下通常不会有任何问题，但一旦进行部署时，可能会遇到访问这些资源时返回404错误...
vue-cli打包后本地运行dist文件中的index.html操作
10-14
对于Vue CLI 3，则需要在项目的根目录下创建一个vue.config.js文件，并设置publicPath和assetsDir等选项，以及通过修改路由模式来解决可能的问题。Vue中常用的路由模式包括hash和history模式，对于本地环境的配置，...
vue2，vue3 访问/使用public下的文件
Dzb1993的博客
08-04 5461
直接使用 “/文件名” 即可 / 默认代表public文件夹
vue 选择本地文件目录
热门推荐
yxs646512415的博客
10-15 3万+
vue 选择本地文件目录先看效果原码片断 通过的vue结合原生的input 进行本地文件系统目录的选择 先看效果 传统的文件处理会有一些文件上传相关的插件，但有时候会有一些需求是不能简单选择一个文件上传就能解决的，如果要本地文件目录中的文件进行相关的逻辑处理，就比较麻烦，然后我做了本地一个文件目录选择的例子，只要得到目录地址，后面想怎么操作就看大家发挥了, 先看代码： 注解： 1处这里是一个普通的html 按钮，值得注意的是这里需要多加一个 webkitdirectory 参数，表示文件夹选择器。
vue获取本地目录下的所有文件
weixin_54645059的博客
12-14 2045
获取文件夹下的所有文件 （以下方法简单的展示base64图片,没任何判断）files：是所有的文件。获取本地图片base64。vue2的拆一下照样用。
Vue静态资源之public文件
Salange1的博客
10-21 5898
今天在看公司项目代码时，发现了一个比较有趣的动画，审查元素才发现是一个gif动图，查看相关代码发现图片路径写的是于是我按照之前的习惯向上找三级，找了半天没有找到那个文件，最后全局搜索发现文件是存在根目录的public文件夹下。
vue-预览public(本地)文件下的pdf文件方式
coinisi_li的博客
01-17 1492
2）引用时，不能使用相对路径，因为使用public文件下面的资源，是不会被webpack处理的，它们会被直接复制到最终的打包目录下面，且必须使用绝对路径来引用这些文件。注意： （ ../../public/exam.pdf'), 这 样 写 是 打 不 开 的 ， 不 能 写 成 相 对 路 径。1）在vue项目中，读取本地的pdf文件需要放到public下static文件夹中，不能放在别的地方；iframe也是，不可以用相对路径，直接：/文件名.pdf 就可以。1.把文件放在public文件夹下。
vue 访问本地文件 相对路径 文件目录 three.js 加载模型
大英雄不该去雪山打滚
12-30 5576
需要注意的一点就是，你路径已/开头，是从public文件开始，public下的models文件夹下的test.gltf，那么url就是。搞了一下把three.js融入vue，前面比较顺利，在加载文件时遇到了问题（GLTFLoader）我报这个错的原因是模型文件路径错误，…/一层一层往上找了半天，愣是没碰出来个对的路径，吐了。搞了半天，老是报这么个错，网上也没搜到解决方案，而且这个错误给的不明确，
vue 读取本地文件
花生日记
06-03 1万+
因此，我们需要将 dom树中的根节点下的dom_name属性设置为 name，这样可以将组件的根节点下的属性也设置为 name属性，从而实现获取数据。比如下面这段代码： 这个组件在根节点下使用了 dom树，所以我们需要将 dom树中的根节点下的属性设置为 name，这样可以实现通过 dom树中的根节点获取数据。当我们要使用 dom树中的根节点获取数据时，使用下面代码来实现： 上面这段代码中，我们先对根节点下的 dom树进行简单的梳理和修改： 这样做不仅可以方便我们调用这个方法，还可以将文件内容显示出来。
Vue-cli3调取本地json报错404
Suger_Z
07-05 568
vue-cli2.0升级到vue-cli3.0之后删除了vue.config.js、和static静态文件目录 所以在调取本地json文件时候回报错404 在vue-cli3中只需要把json文件直接放在public文件目录下即可直接调用，如图： 文件目录： 路径： ...
vue预览本地盘的pdf文件
09-11
要在Vue中预览本地盘的PDF文件，可以使用vue-pdf和pdfh5插件。首先，确保你已经安装了这两个插件。然后，按照以下步骤进行操作： 1. 整理对应的JSON文件，将其存放在本地。 2. 编写界面和逻辑代码，创建一个级联选择器用于选择PDF文件。 3. 将PDF文件放入public路径下的file文件夹中。这样的文件不会被打包编译，可以直接在线上访问和显示。 4. 在Vue组件中导入vue-pdf和pdfh5插件。 5. 使用vue-pdf组件来加载和显示PDF文件。可以通过设置src属性为PDF文件的路径来实现。 6. 如果需要在浙政钉上运行，可以使用pdfh5插件来预览PDF文件。 7. 如果只是在浏览器上运行，可以直接使用iframe标签来嵌入PDF文件。 总结：通过整理对应的JSON文件、编写界面和逻辑代码、使用vue-pdf和pdfh5插件以及设置src属性来预览本地盘的PDF文件。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

china-yun

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值