vue项目fetch本地PAG格式文件404 NotFound

最新推荐文章于 2024-04-10 17:06:50 发布
最新推荐文章于 2024-04-10 17:06:50 发布
阅读量762 收藏 2
点赞数 3
分类专栏： vue 文章标签： vue.js 前端 vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_72459962/article/details/128862989
版权

1.错误提示

2.报错原因

 fetch路径错误

本项目文件目录结构如下

按照项目中引入图片及js文件的思维，当前的文件引入该pag路径正确，但是pag图片的引入需要以public中的index.html为起点计算相对路径

3.第二种可能出现的错误方式（pag文件放置的位置错误）

此时就算已经以index.html为起点引入，控制台还是404，预期效果还是没有出现

4.解决方案（将.pag文件移动到public文件节点下并重新计算路径运行项目）

此时结构如下：

最终效果呈现，解决本地pag文件访问404问题 

 

Jl.610
关注
  • 3
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
详解vue中使用express+fetch获取本地json文件
11-30
自己在做个vue小demo的时候，想模拟从服务器获取json数据的过程，一开始的想法是使用fetch直接获取本地的json文件，无论是install了json-loader还是把json文件放在index.html的目录下或webpck.config.js里output的目录下，但是fetch一直报找不到文件。然后决定用fetch向express服务器发送请求，由服务器返回json数据。 express服务器 先写一个简单的express服务器，只有一个接口，起到示例作用就行了。back.js如下: var express = require('express') var app = exp
Vue项目webpack打包部署到Tomcat刷新报404错误问题的解决方案
12-09
遇到的问题 使用webpack打包vue后，将打包好的文件，发布到Tomcat上，访问成功，但是刷新后页面报404错。 在网上查找了一下，原来是HTML5 History 模式引发的问题，具体为什么，vue官方已经给出了解释，你可以看https://router.vuejs.org/zh-cn/essentials/history-mode.html 但是看完问题又来了，官方给出的解决方案中没有说tomcat下，怎么决解。 解决方案 根据官方给出的解决方案原理 你要在服务端增加一个覆盖所有情况的候选资源：如果 URL 匹配不到任何静态资源，则应该返回同一个 index.html 页面，这个页面
fetch处理form-data请求（本地文件地址）以及普通fetch请求
最新发布
大青虫的博客
04-10 563
【代码】fetch处理form-data请求（本地文件地址）
腾讯推出移动端动画组件PAG，释放设计生产力!
粉丝们务必加入微信粉丝群
09-22 3159
如今，短视频应用百花齐放，为了吸引更多流量，动画设计师和开发工程师往往为了制作夺人眼球，极具创意的动画特效花费大量心血，但最终动画需求交付上线的效率和质量，仍旧不尽如人意。问题出在哪里？主要还是工具没有选对！ 传统的AE设计，总结下来有以下三个核心痛点： 研发成本高：每个动效都需要研发通过代码来还原，单独排期的特效以及手工配置还原的过程，，包括后续复用及改动都需要大量的研发人力持续投入。 生产周期长：设计师和研发人员需要反复确认效果还原度。这样很难跟上运营节奏，容易错过时事热点。 视觉动效弱：A
创新实训博客（45）——Vue打包GitHub Page以及遇到的坑
一位不愿意透露姓名的热心网友
06-28 171
Build 问题1 第一次build以后，打开index是空的。 解决方案 修改vue.config.js，将publicPath改成./ publicPath: './', 问题2 解决完第一个问题以后，能够看到页面了。 但是所有的请求全部失败。 解决方案 这种是我在单纯的文件中显示的原因。 需要建立github page才能够发出去。 建立GitHub Page 1. 新建仓库 2. git init 3. git remote add 4. 把dist目
019: vue中使用fetch读取本地txt文件
大剑师兰特的GIS世界
06-19 2870
第019个在做卫星项目的时候，会将两行根数放在txt文件中，放在public的文件夹中， 如何读取呢？
vue pag文件引入
qq_40099034的博客
08-01 918
vue pag文件引入
Pag格式在vue3中的简单使用方法
weixin_70497099的博客
06-15 1236
另外大家去浏览libpag在github官网文档的时候可以看到它vue3项目文件的vite.config.js里面有rollup-plugin-copy这个插件，此插件是一个用于打包构建工具的插件，用于将指定的文件或目录从一个位置复制到另一个位置，支持glob ，如果大家有需要就可以用一用。好了以上就是我在vue3中进行使用pag格式文件的过程，简单记录一下 ，后期有时间会把官网的文档进行详细注解如何使用，全英文文档确实不太方便。其次我们在自己想要引入的vue页面进行引入。来对pag文件安装依赖。
Vue 项目 fetch 本地 json 报错 SyntaxError: Unexpected token ＜ in JSON at position 0
m0_64415782的博客
07-08 910
尝试改了一下路径中的文件名，发现如果写一个不存在的文件名，报的错是完全一致的；因此猜测可能是根本没有正确访问到 json 文件。中的 url 属性是 json 文件与当前 vue 文件的相对路径。反复检查了路径的拼写和 json 文件本身，并没有发现任何不对，何况我的 json 文件中也根本没有。因此只需要将想要获取的文件移动到正确位置即可。在使用 Vue 需要加载一个本地 json 文件中的数据。是网页向前端服务器发起的请求，访问到的是。，并不像在 vue 文件中。时一样使用相对路径。
知识：vue的附件下载与错误提示、blob与json数据转换
qq_43548684的博客
04-07 2617
1、点击【下载Excel】按钮调后端接口； 2、接口成功：下载该excel文件（后端返回blob文件流）； 3、接口失败，提示错误信息（后端返回json数据）。
web端腾讯PAG初体验
CherryCola_zjl的博客
06-14 3342
Portable Animated Graphics 是一套完整的动画工作流解决方案。 提供从 AE (Adobe After Effects) 导出插件，到桌面预览工具，再 到覆盖 iOS，Android，macOS，Windows，Linux 和 Web 等各平 台的渲染 SDK。PAG 的目标是降低或消除动画研发相关的成本，打通设计师创作到 素材上线的自动化流程。.........
解决vue项目打包上服务器显示404错误,本地没出错的问题
01-22
2、运行，在本地运行没问题，接着打包上服务器，遇到404的错误，如下 这是webpack打包的结果，解决办法如下 1、修改build文件夹下的utils.js文件，大约在51行添加 publicPath:../../ if (options.extract) { ...
在vue中读取本地Json文件的方法
10-18
今天小编就为大家分享一篇在vue中读取本地Json文件的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
vue项目中使用fetch的实现方法
10-17
主要介绍了vue项目中使用fetch的实现方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
采用PageHelper分页助手
随风而欲的博客
03-04 960
<!--pagehelper：通用Mapper分页--> <!-- https://mvnrepository.com/artifact/com.github.pagehelper/pagehelper-spring-boot-starter --> <dependency> <groupId>com.github.pagehelper&l...
路由的重定向 404页面 及 路由模式设置
djsjsjjswj的博客
07-11 151
路由-重定向路由404页面。
form表单提交后页面404
FFFPAG的博客
10-05 1829
<form action="/hello" method="post"> 修改为 <form action="/springmvc_01_war_exploded/hello" method="post"> 加上tomcat设置url的后缀
腾讯Libpag研究1（扫盲和介绍）
鱼塘鱼汤的专栏
05-11 4612
Pag介绍 PAG是腾讯在好几年前发布的一种动画文件格式，但是以前一直没开源，用的人也很少，也就一直没有关注。不过他们终于在今年1月份开源了，我也是这个时候开始去研究PAG，发现里面有不少值得学习的东西。 动画库扫盲 做应用开发的我们都知道，可以利用系统提供的动画API实现各种动效，但是这种办法效率很低，并且无法移植，多端都需要自己开发一遍。并且开发出来的效果和设计师需要的多多少少会有一些差异，一开始的方案是使用帧动画或者gif/webp的动图来播放，但是由于图片占用资源过大，所以没有广泛使用。16年起业界
vue读取本地文件 404notfound
09-16
要在Vue中读取本地文件，通常会遇到404未找到的错误。原因是Vue默认只能读取在public目录下的静态文件。为了解决这个问题，可以采取以下几个步骤： 1. 确保所要读取的文件已经放置在public目录下，例如在public目录...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值