「react-scripts」を使用して反応アプリを作成しました。アプリケーションはローカル開発サーバーで完全に実行されますが、実際のサーバーにデプロイすると、コンパイルされているメインの JS および CSS ファイルがアプリケーションで検出されないようです。私は両方で404を取得します。
以下は、役立つ可能性のある情報です。サーバー上のファイルは次の場所にあります。
ads/build/static/js と ads/build/static/css || それぞれ
私が取得している 404 は、次のファイルにあります。
https://www.example.com/ads/build/static/css/main.41938fe2.css https://www.example.com/ads/build/static/js/main.74995495.js
私のサーバーの構成方法は次のとおりです。
const express = require('express');
const path = require('path');
const app = express();
const favicon = require('serve-favicon');
//favicon
app.use(favicon(path.join(__dirname, 'public', 'favicon.ico')));
app.get('/ads', function (req, res) {
app.use(express.static(path.join(__dirname, 'build/static')));
console.log(path.join(__dirname, 'build'));
res.sendFile(path.join(__dirname, '/build/index.html'));
});
app.listen(9000);
私のpackage.jsonには、次のようにホームページパラメーターも含まれています。
"homepage" : "https://www.example.com/ads
UPDATE
次のパスを使用してサーバー自体でアプリを実行すると
dedicated-server-host:9000/static/js/main.74995495.js
、JSファイルが正しくレンダリングされます
不足している構成はありますか?ルーティングが機能していないようです。お知らせ下さい。