React：サーバに展開したときにバックグラウンドイメージが読み込まれない

Question

私はreactjsコードを翻訳するためにwebpackを使用しています。 webpack dev serverでローカルに実行すると、私は自分の背景イメージを見ることができます。しかし、私はそれをサーバーに展開するとイメージは表示されません。私はそれがある種の経路問題でなければならないと考えている。

CSS

.centerbg { 
    background: url(/images/centerbg.jpg) no-repeat; 
} 

JSX

<div className="centerbg"> 

</div> 

WebPACKのローダ

 { 
      test: /\.(woff|ttf|eot|svg|png|jpg)(\?v=[a-z0-9]\.[a-z0-9]\.[a-z0-9])?$/, 
      loader: 'url-loader', 
      options: { 
       limit: 10000 
      } 
     } 

ファイルパス

build/main.js 
images/centerbg.jpg 
index.html 

Answer 1

これは通常、明示的に宣言されていない設定のoutput.publicPathに譲渡されたバグです。

アセットを配信するパスに設定します。

output: { 
    publicPath: '/', 
    //... 
},