vue项目添加背景图报路径不存在

Posted w1990end

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue项目添加背景图报路径不存在相关的知识,希望对你有一定的参考价值。

vue插入背景图Module not found: Error: Can’t resolve ‘…/assets/image/beijing.png’ in 'D:\\test\\plantfrom\\

这是由于图片路径引入方式不对,原代码如下:

<style>
#header-background
  background:url("../assets/image/beijing.png"); # 错误的路径引入
  width:100%;
  height:100%;
  position:fixed;
  background-size:100% 100%;

</style>

解决办法应改为如下代码:

<style>
#header-background
  background:url("~@/assets/image/beijing.png"); # 正确文件路径的引入
  width:100%;
  height:100%;
  position:fixed;
  background-size:100% 100%;

</style>

以上是关于vue项目添加背景图报路径不存在的主要内容,如果未能解决你的问题,请参考以下文章

vue项目添加背景图报路径不存在

vue项目打包后css背景图路径不对的问题

Vue中如何设置背景图片

vue 项目中当访问路由不存在的时候默认访问404页面

vue项目使用wangEditor使用代码高亮,背景无效的简单粗暴解决方法

vue项目中打包background背景路径问题