解決加載有.woff頁面時,報404錯誤,找不到.woff文件

使用 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

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章