Создание-реакция-приложение: как определить контекстный путь сервера разработки

Question

Я использую Create-реакции-приложение с командой npm start для обслуживания моего приложения на сервере разработки. По умолчанию приложение обслуживается с https://localhost:3000/. Однако мое приложение использует файлы cookie, для которых требуется определенный контекстный путь. Как мне подать заявление от https://localhost:3000/app/ вместо?

Answer 1

У вас есть несколько вариантов здесь.

Режим производства

Установите для переменной среды PUBLIC_PATH значение /app/

или

Как упоминалось в другом ответе, используйте поле homepage в package.json

Режим разработки

Конфигурация более жестко запрограммирована в приложении. Вам необходимо eject приложение, чтобы внести изменения.

Шаг 1

npm run eject

Шаг 2

В config/webpack.config.js найдите приведенный ниже раздел (где-то около строки 67 - 68)

const publicPath = isEnvProduction
    ? paths.servedPath
    : isEnvDevelopment && '/';

и измените на

 const publicPath = isEnvProduction
        ? paths.servedPath
        : isEnvDevelopment && '/app/';

Шаг 3

В config/webpackDevServer.config.js найдите следующий раздел (где-то около строки 60 - 65)

 // It is important to tell WebpackDevServer to use the same "root" path
 // as we specified in the config. In development, we always serve from /.
 publicPath: '/',

и измените на

publicPath: '/app',

Шаг 4

npm start

Answer 2

Вы можете указать путь, добавив: "homepage": "http://mywebsite.com/relativepath" в файл package.json в соответствии с документацией, найденной здесь:

https://create -react-app.dev / docs / deploy /# здание-для-относительные пути