亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

vue build static/img路徑下的圖片,路徑錯誤,求大佬幫忙看看

vue build static/img路徑下的圖片,路徑錯誤,求大佬幫忙看看

慕容708150 2019-03-12 19:32:49
問題描述1.項目路徑如下圖圖片描述2.sass目錄下reset.scss.footer{background: url("/static/img/top.png") no-repeat;}3.npm run build圖片路徑錯誤,調試模式下在/static前面改為./static可以加載出圖片如果將reset.scss footer改為./static/img/top.png webpack 報錯提示 This relative module was not found這里好像只能用絕對路徑圖片描述相關代碼1.buid/utils.jsif (options.extract) {  return ExtractTextPlugin.extract({     use: loaders,     fallback: 'vue-style-loader',     publicPath: '../../',   }) } sass配置  scss: generateLoaders('sass').concat(   {     loader: 'sass-resources-loader',     options: {       resources: path.resolve(__dirname, '../static/sass/main.scss')     }   }2.config/index.jsbuild: {// Template for index.htmlindex: path.resolve(__dirname, '../dist/index.html'),// PathsassetsRoot: path.resolve(__dirname, '../dist'),assetsSubDirectory: 'static',assetsPublicPath: './',}如何將static/img圖片路徑build之后改為相對路徑呢?
查看完整描述

2 回答

?
烙印99

TA貢獻1829條經驗 獲得超13個贊

修改 config/index.js

build: {//...assetsSubDirectory: './static',//...}


查看完整回答
反對 回復 2019-03-12
?
縹緲止盈

TA貢獻2041條經驗 獲得超4個贊

寫在CSS中的圖片路徑寫相對路徑即可,這樣devbuild都能識別。
./static/img/top.png錯誤的原因是路徑不對,以當前的.vue/css文件為起點,到達static文件夾路徑前你需要若干個../

查看完整回答
反對 回復 2019-03-12
  • 2 回答
  • 0 關注
  • 1493 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號