vue--前端部署项目后访问静态资源404

这里写目录标题问题原因解决该问题问题原因本质原因是路径的原因。可以看下前端发出的静态文件的请求路径，再对比一下服务器上放置静态你文件的路径。会发现二者路径不一致。解决该问题修改vue.config.js文件中的publicpath地址。将路径变成想相对路径后，访问静态文件的路径就正确了...

番茄红了

3694人浏览 · 2021-01-31 13:09:48

番茄红了 · 2021-01-31 13:09:48 发布

这里写目录标题

- 问题原因
- 解决该问题

问题原因

本质原因是路径的原因。
可以看下前端发出的静态文件的请求路径，再对比一下服务器上放置静态你文件的路径。会发现二者路径不一致。

解决该问题

在这里插入图片描述
修改vue.config.js文件中的publicpath地址。将路径变成想相对路径后，访问静态文件的路径就正确了

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}$/, //不连续的两位字母// /^