vue项目部署服务器，static文件夹里文件路径不对报404

场景：vue项目本地运行正常，npm run build之后，将dist文件上传至服务器之后，在nginx配置完成情况下，访问域名出现 .js 、.css等静态资源文件访问404，导致访问页面空白。原因：路径不对，找不到对应的static文件夹方案：有两种修改方式，一种是修改为相对路径，一种是修改为绝对路径。以相对路径为例解决方案：将 ’ / ’ 改成 ’ ./ ’ 然后重新打包部署，访问就可以

彩虹茶

5150人浏览 · 2021-10-12 13:54:53

彩虹茶 · 2021-10-12 13:54:53 发布

场景：vue项目本地运行正常，npm run build之后，将dist文件上传至服务器之后，在nginx配置完成情况下，访问域名出现 .js 、.css等静态资源文件访问404，导致访问页面空白。

原因：路径不对，找不到对应的static文件夹

方案：

有两种修改方式，一种是修改为相对路径，一种是修改为绝对路径。

以相对路径为例解决方案：

将 ’ / ’ 改成 ’ ./ ’ 然后重新打包部署，访问就可以了。

参考于： vue 项目放在服务器上静态资源路径不对报404错误_yongyafang123的博客-CSDN博客

记录一下，

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