Create react app 创建react应用程序：在开发中更改bundle.js的src_Create React App

Create react app 创建react应用程序：在开发中更改bundle.js的src

Create react app 创建react应用程序：在开发中更改bundle.js的src,create-react-app,Create React App,我正试图用createreact应用程序在开发中更改bundle.js的src 默认情况下，路径为：/static/js/bundle.js <body> <div id="root"></div> </script><script type="text/javascript" src="/static/js/bundle.js"></script></body> <body> <div id

我正试图用createreact应用程序在开发中更改bundle.js的src

默认情况下，路径为：/static/js/bundle.js

<body>
<div id="root"></div>
</script><script type="text/javascript" src="/static/js/bundle.js"></script></body>

<body>
<div id="root"></div>
</script><script type="text/javascript" src="myApp/static/js/bundle.js"></script></body>

在我们的产品中，我们使用Apache作为API的代理，以测试SSO和其他功能。因此，我必须向路径添加一些字符串，如下所示：myApp/static/js/bundle.js

<body>
<div id="root"></div>
</script><script type="text/javascript" src="/static/js/bundle.js"></script></body>

<body>
<div id="root"></div>
</script><script type="text/javascript" src="myApp/static/js/bundle.js"></script></body>

我在package.json中尝试了主页，但它只在npm运行构建中起作用。它也不是代理设置，不是.env中的主机

使用CreateReact应用程序是否可以实现这一点？我查看了文档，但没有找到任何解决方案。

您必须“npm运行弹出”并修改网页文件以更改输出

有点晚，但如果这有助于其他人，这就是你实现它的方式。弹出后，查看config文件夹中的文件：webpack.config.dev.js:

const publicPath = '/';
// `publicUrl` is just like `publicPath`, but we will provide it to our app
// as %PUBLIC_URL% in `index.html` and `process.env.PUBLIC_URL` in JavaScript.
// Omit trailing slash as %PUBLIC_PATH%/xyz looks better than %PUBLIC_PATH%xyz.
const publicUrl = '';

您可以在此处更改此值，或者，第二个选项是创建.env文件并添加：

PUBLIC_URL=/xxx