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

Question

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

Answer 1

您可以根据在此处找到的文档，通过在package.json文件中添加"homepage": "http://mywebsite.com/relativepath"来指定路径：

https://create-react-app.dev/docs/deployment/#building-for-relative-paths

Answer 2

您在这里有一些选择。

生产模式

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

或

如另一个答案中所述，请使用package.json中的homepage字段

开发模式

该配置更多地硬编码到应用程序中。您需要先拒绝该应用程序才能进行任何编辑。

步骤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