鍍金池/ 問答/HTML/ vue-cli打包后圖片路徑找不到

vue-cli打包后圖片路徑找不到

vue-cli打包后圖片路徑找不到;
config/index.js如下：

build: {
    env: require('./prod.env'),
    index: path.resolve(__dirname, '../dist/index.html'),
    assetsRoot: path.resolve(__dirname, '../dist'),
    assetsSubDirectory: 'static',
    assetsPublicPath: './',
    productionSourceMap: true
  }

打包后的文件如下：
圖片描述

圖片路徑如下：
圖片描述

回答
編輯回答
陪我終

不知道樓主怎么解決的 能不能詳細(xì)說一下

2018年7月22日 02:55
編輯回答
淺時光

你現(xiàn)在調(diào)用的是相對于你組件的位置，最終調(diào)用在打包后的主文件里面的，你換一下主文件的相對路徑試試~

2017年8月15日 10:54
編輯回答
忠妾

發(fā)布配置使用絕對路徑能減少很多不必要的麻煩 不然css里面的資源無法定位. 我也踩過坑,還不如直接絕對路徑解決得快

2018年9月23日 00:55
編輯回答
呆萌傻

圖片放在根目錄下的static目錄下

2018年3月23日 09:13
編輯回答
薄荷綠

已找到3中方法，http-server這個好評

2018年5月2日 19:58
編輯回答
毀了心

我用vue構(gòu)建項目正好遇到這個問題，用的是文章中的方法解決的，希望能幫到您http://www.aazzp.com/2017/11/...

2017年5月6日 07:52
編輯回答
晚風(fēng)眠

把圖片放在static目錄下

2017年3月2日 01:36
編輯回答
貓小柒
assetsPublicPath: '/'

試試這個？

2017年9月5日 12:25