Create-react-app：如何定义开发服务器的上下文路径

Question

我使用 Create-react-app 和npm start命令在开发服务器中为我的应用程序提供服务。默认情况下，应用程序由https://localhost:3000/提供服务。然而，我的应用程序使用需要特定上下文路径的cookie。如何从https://localhost:3000/app/提供应用程序？

Answer 1

您在这里有几个选择。

生产模式

将环境变量设置PUBLIC_PATH为/app/

或者

正如另一个答案中提到的，使用homepagepackage.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