Javascript 创建react应用程序:如何定义开发服务器的上下文路径

Javascript 创建react应用程序:如何定义开发服务器的上下文路径,javascript,reactjs,npm,create-react-app,webpack-dev-server,Javascript,Reactjs,Npm,Create React App,Webpack Dev Server,我正在使用createreact应用程序和npmstart命令在开发服务器中为我的应用程序提供服务。默认情况下,该应用程序从提供服务。但是,我的应用程序使用需要特定上下文路径的cookie。如何从中为应用程序提供服务?您可以通过添加以下内容来指定路径:“homepage”:http://mywebsite.com/relativepath“根据此处提供的文档,将其添加到package.json文件中: 这里有几个选项 生产模式 将环境变量PUBLIC\u PATH设置为/app/ 或 如另一个答

我正在使用createreact应用程序和
npmstart
命令在开发服务器中为我的应用程序提供服务。默认情况下,该应用程序从提供服务。但是,我的应用程序使用需要特定上下文路径的cookie。如何从中为应用程序提供服务?

您可以通过添加以下内容来指定路径:
“homepage”:http://mywebsite.com/relativepath“
根据此处提供的文档,将其添加到package.json文件中:


这里有几个选项

生产模式

将环境变量
PUBLIC\u PATH
设置为
/app/

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

开发模式

配置更多的是硬编码到应用程序中。您需要先弹出应用程序才能进行任何编辑

步骤1

npm运行弹出

步骤2

config/webpack.config.js
中,找到以下部分(第67-68行附近)

换成

 const publicPath = isEnvProduction
        ? paths.servedPath
        : isEnvDevelopment && '/app/';
publicPath: '/app',
步骤3

config/webpackDevServer.config.js
中,找到以下部分(第60-65行附近)

换成

 const publicPath = isEnvProduction
        ? paths.servedPath
        : isEnvDevelopment && '/app/';
publicPath: '/app',
步骤4

npm start

答案中指出的环境变量不起作用。我在工具文档中找到了
PUBLIC\u URL
,它似乎完成了这项工作。