记一次vue2项目部署nginx静态文件404解决过程

本文介绍了一位开发者遇到的Vue2项目使用Webpack打包后,在Nginx部署时出现的请求错误问题。通过排查发现是由于配置文件中assetsPublicPath设置不当导致静态资源无法正常加载。调整该配置为根目录后问题得到解决。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

github上下的一个vue2的项目,运行可以的,webpack打包后,nginx请求报错:

发现路径很奇怪啊,所以果断来到build.js文件中看看是不是哪里不对。

已经一番引用查找:

 

 发现在这里配置了个属性值。assetsPublicPath这个名字看着就是静态文件的公共位置嘛,所以直接请求了这个地址下的css/js文件。

于是我到这个路径下找找看看,是不是有css/js文件:

发现打包文件很规范根本没有这些个东西。所以自然而然,我要把assetsPublicPath这个属性的值改为根目录试一下了:assetsPublicPath: '/',

重新build居然成功了。

好吧,菜鸟要会猜系列。

 

转载于:https://www.cnblogs.com/guazi/p/6792097.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值