爱彩乐十一选五

首頁 > 上網技巧 > 電腦小技巧 > 解決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提供的廣告

爱彩乐十一选五 pk10计划人工在线计划 资金盘限制提现 九线水果机电玩城下载 内衣橄榄球联赛 股票推荐 牛市快讯每天推送 体彩7码遗漏 pk10计划群带赚钱 龙王捕鱼2技巧 AG疯狂马戏团预测 老时时彩历史开奖号码 飞艇五码在线搞准计划版 cf手游抽小丑旗帜技巧 用什么飞镖 股票分析软件手机版 三公手机棋牌游戏 pk10骗局全过程揭秘