我們知道,在<template>中引入圖片只需要指明相對路徑蚓土,打包后就可以正常使用了宏侍。
但是在data中引用圖片是,在dev模式下只能寫絕對路徑才能找到圖片蜀漆,寫相對路徑是無效的谅河,然而這樣build打包后就GG了。
以為是路徑的問題确丢,其實是webpack的事:在Vue里動態(tài)生成的路徑無法被url-loader解析到绷耍。
此時有兩種解決方法:
-
直接將靜態(tài)文件放在項目目錄中的static文件夾中,然后正常寫路徑就可以了鲜侥。
2.更好用的方法:通過import的方法將圖片原路徑引入:
直接使用 banner
即可