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

vue项目使用本地静态.pag格式动效图片，fetch发起本地静态资源请求，资源不存在 404NotFound

Jl.610

839人浏览 · 2023-02-03 11:27:37

Jl.610 · 2023-02-03 11:27:37 发布

1.错误提示

2.报错原因

fetch路径错误

本项目文件目录结构如下

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

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

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

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

此时结构如下：

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

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^