使用 vue build 之後做網站請求,發現 woff 字體無法獲取
打包之後,本地打開,顯示資源加載失敗
真實路徑應該是
http://keliupc.mncats365.com/static/fonts/ionicons.05acfdb.woff
瀏覽器實際加載路徑爲:
http://keliupc.mncats365.comdist/static/css/static/fonts/ionicons.05acfdb.woff
導致 woff 字體獲取不到
解決方法:
在 build/webpack.prod.conf.js 中
module: {
rules: utils.styleLoaders({
sourceMap: config.build.productionSourceMap,
extract: false
})
},
extract :true 改爲 fasle