图片路径问题，引入绝对路径错误
来源：5-2 Nav-Header组件（2）
躲躲藏藏
2022-06-06
img src="/img/" 这样可以用。
但是 css 引入图片就报错， 是缺什么配置吗？
“dependencies”: {
“core-js”: “^3.8.3”,
“vue”: “^2.6.14”,
“vue-router”: “^3.5.4”,
“vuex”: “^3.6.2”
},
老师帮忙看下
写回答
2回答
-
河畔一角
2023-08-12
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')
00 -
河畔一角
2022-06-06
目前@vu/cli 5.0以上版本，似乎不能使用public里面的图片作为地址，可以先使用assets中的图片，使用相对路径解决此问题。 后续我再查一下5.0如何解决public根路径无法访问图片问题
00
