爱彩乐十一选五

首頁 > 上網技巧 > 電腦小技巧 > 解決Vue打包后element-ui圖標字體不顯示問題

解決Vue打包后element-ui圖標字體不顯示問題

時間:2019-10-07 16:32 作者:QQ地帶 我要評論

在開發環境下,我們訪問項目一般都是 127.0.0.1:8080,很多資源的查找都是從根目錄下開始的,但是如果是打包成靜態文件,放到域名的二級、三級目錄,有些資源就找不到了。
 
解決 Vue 打包后 element-ui 圖標字體不顯示問題
 
比如說 element-ui 框架在打包后,字體圖標就加載不出來,通過查看網絡請求發現,他是從 CSS 所在的目錄往下找,而不是從項目根目錄往下找。
 
解決方法也很簡單,在 build/utils.js 文件里面找到:
 
if (options.extract) {
  return ExtractTextPlugin.extract({
    use: loaders,
    fallback: 'vue-style-loader'
  })
} else {
  return ['vue-style-loader'].concat(loaders)
}
在 fallback 后面添加參數:
 
publicPath: '../../'
最終得到的代碼:
 
if (options.extract) {
  return ExtractTextPlugin.extract({
    use: loaders,
    fallback: 'vue-style-loader',
    publicPath: '../../'
  })
} else {
  return ['vue-style-loader'].concat(loaders)
}

標簽: vue
頂一下
(0)
0%
踩一下
(0)
0%

Google提供的廣告

爱彩乐十一选五 浙江十一选五 雷速体育在线直播足球 河南11选5 浙江快乐12 日本av片v片v片v熟女 福建快3 亿润配资 福建11选5 竞彩比分计算 鼎牛配资官网 日本av片v片v片v熟女 竞彩比分直播即时比分 湖北11选5 七乐彩 股票行情大盘走势k图 雷速体育会员号