以下css in js图片引入方式
background: url('@/assets/img/login-bg-img.png') no-repeat 100% 100%;
编译后的效果
鼠标移上去后显示的地址是
http://localhost:8080/@/assets/img/login-bg-img.png,这相当于未解析路由.
而后将路径改成相对路径后仍然无效.
-------------------------分割线--------------------------------------------
解决办法:
background: url(${require('@/assets/img/login-bg-img.png')}) no-repeat 100% 100%;
不要忘记,css in js,它是一个字符串..所以这里使用js字符串的插值方式插入它.
图片正确编译了
--完--
