鍍金池/ 問(wèn)答/HTML5  HTML/ Vue-cli 打包后圖片總是從服務(wù)器的根目錄加載

Vue-cli 打包后圖片總是從服務(wù)器的根目錄加載

圖片總是會(huì)從服務(wù)器的根目錄進(jìn)行加載

clipboard.png

正確的路徑應(yīng)該是

clipboard.png

不知道是不是打包的時(shí)候哪里漏寫(xiě)了

回答
編輯回答
薔薇花
  1. 檢查一下 config里的路徑配置；
  2. 解決不了的話用絕對(duì)地址，直接用上傳到服務(wù)器的圖片資源地址。
2018年1月30日 08:00
編輯回答
奧特蛋

問(wèn)題解決了，主要我的圖片之前是放在這個(gè)static目錄下的

clipboard.png
在代碼里引用都是這樣寫(xiě)的

clipboard.png
后來(lái)改換到 src/assets ，打包圖片加載路徑正常了，還是要多熟悉webpack的使用

clipboard.png

2017年11月19日 08:21
編輯回答
櫻花霓
{
  test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,
  loader: 'url-loader',
  options: {
     limit: 10000,
     name: utils.assetsPath('img/[name].[hash:7].[ext]'),
     outputPath: process.env.NODE_ENV === 'production' ? '../' : ''
    }
 },

可以試試修改outputPath: process.env.NODE_ENV === 'production' ? '../' : ''

2017年12月15日 12:21