vue项目上传服务器之后背景图片不显示

时间:2024-03-24 09:48:32

vue项目上传服务器之后发现背景图片不见了!

解决方案

上传服务器之前是有的,但上传完后背景图片消失,这应该是图片的路径出错了

一、首先打开项目中打包后的文件dist

vue项目上传服务器之后背景图片不显示
发现图片都是在static文件夹中的,

二、然后打开 /static/css里面的css文件

通过 Ctrl a → Ctrl k 快捷键把代码排列好方便查找
找到 所有的 background-image代码块,改为如下目录格式
vue项目上传服务器之后背景图片不显示