Как опустить index.html в приложении React? ⇐ Javascript

[Anonymous]

У меня есть приложение Next.js React, которое обслуживает несколько статических проектов в публичной папке: < /p>

Код: Выделить всё

public/
├── project1/
|   ├── index.html
|   ├── script.js
|   └── ...
├── project2/
|   ├── index.html
|   ├── script.js
|   └── ...
└── ...

Однако перейти в Localhost: 3000/project1 результаты на странице 404, и мне нужно перейти на Localhost: 3000/project1/index.html для это работа. Я попытался сделать это в моем следующем.config.ts :

Код: Выделить всё

import type { NextConfig } from "next";

const nextConfig: NextConfig = {
async rewrites() {
return [
{
source: "/project1",
destination: "/project1/index.html",
},
];
},
};

export default nextConfig;

Теперь я вижу страницу в Localhost: 3000/project1 , но она больше не может читать JS и все другие активы, потому что он читается из Localhost: 3000/Script. js вместо локации: 3000/project1/script.js .
Большинство из этих проектов довольно велики, поэтому я не могу вручную изменить относительный путь всего в Там.

Подробнее здесь: https://stackoverflow.com/questions/794 ... -react-app