1、问题描述；在项目开发中，当我们通过npm run build打包之后将文件放在服务器上时通常会出现图片失效问题，控制台中提示某个图片没有找到（404错误），这些图片可以是以src引入的图片，也可以是css中定义的背景图片。图片能否显示与你的静态资源文件存在位置和引入的路径直接相关，下面是我的其中一个项目的文件存放以及路径书写方式。2、解决方法之一；静态资源static存放位置放在src目录下。你可能会问为什么放在src目录下？放在跟src同级目录下不可以吗？好吧，一开始我也是放在src同级目录下，但是在某个css文件中引入背景图片的时候打包之后图片失效，我是这样引入的。实践证明这个写法是错误的，这个会在你打包的时候直接抱一大堆错（如css-loader错误），连项目都跑不起来。