3

「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ファイルが正しくレンダリングされます

不足している構成はありますか?ルーティングが機能していないようです。お知らせ下さい。

4

1 に答える 1