express.jsとwebpackを使用して静的アセットのCache-Controlヘッダーを設定する方法がわかりません。
私のreactアプリには、次のように静止画像を含めています。
<img src={require("./images/Logo.png")} alt="Logo"/>
webpack.config.jsに、画像を/ public / imagesに出力するローダーがあります。
module: {
loaders: [
{
test: /\.png/,
loader: 'url-loader?limit=10000&name=public/images/[name].[ext]'
}]
}
最後に、server.jsの/ publicフォルダーを静的アセットを含むものとしてマークし、Cache-Controlヘッダーを設定します
const server = express();
server.use(express.static(path.join(__dirname, 'public'), {maxAge: "30d"}));
問題は、require()
/ publicフォルダーを含むパスを解決することです。
<img class="full-width" src="/public/images/Logo.png" alt="Logo">
ただしexpress
、public/
パーツのないURLが必要です。
パスにexpress.static()
を含めるように強制する方法はあり/public
ますか?
パスに
express.static()
を含めるように強制する方法はあり/public
ますか?
絶対に:
server.use('/public', express.static(path.join(__dirname, 'public'), {maxAge: "30d"}));
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加