React：部署到服务器时未加载背景图像

Question

我正在使用webpack来转换我的reactjs代码。当我在webpack dev服务器上本地运行它时，我可以看到我的背景图像。但是，当我将其部署到服务器时，图像不会显示。我认为它必定是某种路径问题。

CSS

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

JSX

<div className="centerbg">

</div>

webpack loader

        {
            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: '/',
    //...
},