Hi，大家好，我是编程小6，很荣幸遇见你，我把这些年在开发过程中遇到的问题或想法写出来，今天说一说
vue 背景图路径_vue字体文件打包后的路径不对,希望能够帮助你!!!。

项目中图片都放在src/img文件夹，img和background-image引用都用相对路径，即../../这种形式

在打包build的设置路径assetsPublicPath: ‘./‘，然后那些没有转成base64的背景图都失效了，，路径。

处理方法：
使用require引入图片

img标签

<img :src="require('assets/img/header/search.png')">

背景图

<div :style="{backgroundImage:'url('+require('assets/img/common/bg.png')+')'}"></div> <span :style="{backgroundImage:'url('+require('../../assets/image/accounts/dayily.png')+')'}"> </span>

也可以下面这种方式去写：
在前端开发中，background-image属性非常常见，有很多时候需要使用内联样式来绑定此属性，但是在vue-cli项目中，如果如下面代码填写路径会找不到图片

使用require()方法，require()是node.js方法

感谢分享：vue踩坑系列——backgroundImage路径问题
感谢分享：https://www.cnblogs.com/lanshengzhong/p/8010720.html

今天的分享到此就结束了，感谢您的阅读，如果确实帮到您，您可以动动手指转发给其他人。