图片路径问题，引入绝对路径错误

Question

img src="/img/" 这样可以用。
但是 css 引入图片就报错， 是缺什么配置吗？

“dependencies”: {
“core-js”: “^3.8.3”,
“vue”: “^2.6.14”,
“vue-router”: “^3.5.4”,
“vuex”: “^3.6.2”
},
老师帮忙看下

Answer 1

河畔一角 2023-08-12 14:28:38

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-06-06 18:36:07

目前@vu/cli 5.0以上版本，似乎不能使用public里面的图片作为地址，可以先使用assets中的图片，使用相对路径解决此问题。 后续我再查一下5.0如何解决public根路径无法访问图片问题