在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML5  HTML/ vue cli項(xiàng)目，build后圖片路徑的問題？

vue cli項(xiàng)目，build后圖片路徑的問題？

1、使用vue init webpack-simple構(gòu)建了項(xiàng)目，目錄結(jié)構(gòu)如下圖
圖片描述

2、在vue的組件中
<img src="/static/clinicpackage/clinicbanner.jpg" alt="">
引入圖片
3、項(xiàng)目部署后，由于項(xiàng)目使放在域名http···.com/static下面，圖片的路徑就錯(cuò)了，請問怎么解決？

回答
編輯回答
糖果果

assetsPublicPath: './'

utils.js

if (options.extract) {
      return ExtractTextPlugin.extract({
        use: loaders,
        fallback: 'vue-style-loader',
        publicPath:'../../'
      })
    } else {
      return ['vue-style-loader'].concat(loaders)
    }

webpack.base.conf

{
   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' ? '../' : ''
  }
},
2017年2月20日 22:49
編輯回答
寫榮

assetsPublicPath: './'

2018年8月24日 15:55
編輯回答
伴謊

可以看看web pack 怎么配置 可以把圖片物理上消失，打包成bace64 還可以減少連接次數(shù)哦

2018年8月11日 13:40