找不到图片路径

Question

老师我想问一下在引入购物车背景图片时为什么路径没写错，一直报找不到图片文件的错误

Answer 1

河畔一角 2023-02-03 18:48:06

vue脚手架5.0版本，需要使用相对路径或者配置别名。

方法一、

把public里面的图片放到src下面，然后样式里面使用相对路径来引用。

方法二、

在vue.config.js中，添加别名配置。

module.exports = {
    configureWebpack: {
        resolve: {
            alias: {
                '@public': './public',
                '@': './src'
            }
        }
    }
}

@public 指向public目录，@ 执行src目录。

然后样式中，就可以使用 ：

background: url('@public/imgs/mi-logo.png') 

Answer 2

河畔一角 2022-11-30 09:18:36

样式里面先用相对路径，绝对路径目前在新版本里面有问题，我还在查原因。

• 熊猫会武术 #1

  老师好，我也遇到这个问题了。我可以把imgs放到src的assets中去吗？background如何引入public根目录中的图片呢？