vuecli4 项目打包部署后 背景图片失效

问题遇到的现象和发生背景

用vuecli4构建的项目 打包部署到服务器上后页面背景图片没有成功展示出来

问题相关代码，请勿粘贴截图

运行结果及报错内容

我的解答思路和尝试过的方法

我想要达到的结果

看静态地址

vue引入图片报错？VueCli 关于静态资源(图片) 引入问题_韩旭的博客-CSDN博客 文章目录一、关于Vue-Cli图片引入问题？二、两种引入方式三、相对路径动态时如何使用？四、背景图片background-image如何渲染？一、关于Vue-Cli图片引入问题？首先我们要清楚Vue-cli是基于Webpack来进行的打包，其次我们再来看一下Vue-cli的官网是如何给出我们的打包引入图片方式的。二、两种引入方式简单的来说一种是相对引入方式，一种是绝对引入方式相对引入： <img src="../assets/logo.png" alt="" /> https://blog.csdn.net/clli_Chain/article/details/114013858?spm=1001.2014.3001.5502

以及配置静态资源路径

vue-Cli3，Vue-Cli4打包后如何配置静态资源路径？（自定义浏览器icon图标，title文本）_韩旭的博客-CSDN博客 文章目录为什么要配置静态资源路径？1、首先我们要清楚什么样的环境下我们需要配置静态资源路径？2、如何配置？为什么要配置静态资源路径？1、首先我们要清楚什么样的环境下我们需要配置静态资源路径？那肯定是不是单纯的一个前端写的单页面应用的时候，我们仔细想想，如果我们开发了一个新模块，但是不是基于原来项目开发的，而实更换了一个路径？不不不，只是说新起了一个子路径，相当于二级路径，那么这个时候我们还能用原来的默认的配置去寻找接口地址，静态资源地址吗？当然这样肯定是行不通的，所以说我们需要配置一下你当前这个模块 https://blog.csdn.net/clli_Chain/article/details/111870554?spm=1001.2014.3001.5502