如何請求字體不通過的WebPack-DEV-服務器提供的Web應用程序

這裏是在localhost:5000情況如何請求字體不通過的WebPack-DEV-服務器提供的Web應用程序

Python的瓶是服務HTML
的WebPack資產處於localhost:8080/dist

服務

我的HTML從localhost:8080/dist中抽取css和js，沒有任何問題。另一方面，我要導入到我的css中的字體非常困難。以下是網絡選項卡在chrome開發工具中顯示的屏幕截圖。

它表明了dist/SourceSansPro*所有請求成爲取消。甚至沒有一個404被拋出。儘管webpack-dev-server日誌記錄信息表明一切都正在適當的服務。

Project is running at http://localhost:8080/ 
webpack output is served from /dist/ 
Hash: 1b12befb328bf596da35 
Version: webpack 3.7.1 
Time: 3629ms 
           Asset  Size Chunks     Chunk Names 
    SourceSansPro-Semibold.otf.woff 135 kB   [emitted] 
     SourceSansPro-ExtraLight.eot 292 kB   [emitted] [big] 
     SourceSansPro-ExtraLight.otf 227 kB   [emitted] 
     SourceSansPro-ExtraLight.ttf 292 kB   [emitted] [big] 
     # ... all other assets.

如果我爲來自webpack-dev-server的HTML，並將其託管旁邊的資產，那麼我就沒有這個問題。事實上，一切都很好，但是當我從容器中託管我的HTML時，我就會遇到這個問題。

這聽起來有點像一個跨源的資源問題，但我不知道如何去谷歌搜索這個問題。

來源

2017-10-14 FinnM

設置Dev Server Headers。

module.exports = { 
    // ... 
    devServer: { 
     headers:{ 
      'Access-Control-Allow-Origin': '*', 
     }, 
    }, 
};

來源

2017-10-14 19:32:15 FinnM

如何請求字體不通過的WebPack-DEV-服務器提供的Web應用程序

回答

相關問題