React应用程序生产构建静态文件夹路径更改
是指在将React应用程序构建为生产环境时，更改生成的静态文件夹的路径。这样做的主要目的是将应用程序的静态文件（如HTML、CSS、JavaScript文件）部署到指定的路径下，以便在服务器上正确地访问这些文件。
React应用程序通常使用Create React App或其他类似的工具进行构建。在构建过程中，会生成一个静态文件夹，其中包含了应用程序的所有静态资源。默认情况下，这个静态文件夹的路径是相对于应用程序的根目录的。
要更改React应用程序生产构建静态文件夹路径，可以通过修改配置文件来实现。在Create React App中，可以使用homepage属性来指定静态文件夹的路径。
具体的步骤如下：
- 打开React应用程序的根目录。
- 找到
package.json文件，并在其中添加一个homepage属性，将其值设置为目标路径。例如，如果要将静态文件夹放在/myapp路径下，可以将homepage设置为"/myapp"。 - 在终端或命令行中运行以下命令来重新构建应用程序：
- 在终端或命令行中运行以下命令来重新构建应用程序：
- 这将使用新的静态文件夹路径来构建React应用程序。
- 构建完成后，生成的静态文件夹将包含在应用程序根目录下的
build文件夹中。 - 将生成的静态文件夹上传到服务器，并根据具体的服务器配置将其映射到目标路径下。
- 在浏览器中访问应用程序时，使用指定的路径来加载静态资源。
这样，当用户访问应用程序时，服务器将正确地提供应用程序的静态文件，并在指定的路径下进行访问。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯云CDN：https://cloud.tencent.com/product/cdn
- 腾讯云弹性MapReduce（EMR）：https://cloud.tencent.com/product/emr
- 腾讯云容器服务（TKE）：https://cloud.tencent.com/product/tke
- 腾讯云人工智能（AI）：https://cloud.tencent.com/product/ai
相关·内容
1回答
我正在使用react-app-rewired在package.json中使用以下代码构建我的react应用程序。"build": "react-app-rewired build", }, 但是当它构建时，它会给我以下注入到index.html<link href="/static
浏览 40提问于2019-10-11得票数 0
回答已采纳
开发一个带有前端react的django应用程序，并使用django为react构建文件提供服务。当在settings.py中我有但是，当我将其更改为DEBUG=False时，会看到控制台中静态文件的以下错误STATIC_ROOT = os.path.join(PROJECT_DIR, 'static')
一切正常，除非DJango调试是错误的，请有人帮助我
浏览 8提问于2020-06-24得票数 7
我正在部署一个网站，将有一些反应项目，这是与创建反应-应用程序建立。每个项目将在自己的网页上:例如: mywebsite.com/project1，mywebsite.com/project。我正在Ubuntu服务器上设置一个nginx反向代理(我知道如何配置它)，但是我不确定如何为我的每个create-react-app项目指定端口号，以便每个项目都有一个唯一的端口。PS -我见过像这样的线程- ，但我不知道如何将这个解决方案应用到生产中。
浏览 10提问于2017-08-18得票数 0
回答已采纳
如何使用php访问位于ReactJS中src文件夹中的json文件
这些文件看起来像这个
浏览 8提问于2022-04-11得票数 0
我想导入一些可能不存在的静态文件。我想修改这些外部静态文件并在我的应用程序中加载它们，但是Webpack给出了“未找到的模块”。- file2.js- component 在生产过程中，webpack创建了所有东西，然后复制静态资产，使文件夹结构如下所示：
我想要做的是从Main.js中要求<em
浏览 2提问于2019-02-13得票数 0
回答已采纳
我有一个问题的动态img src后，为生产的Vite构建。对于静态img src，没有问题。在这种情况下，我必须像这样编写路径：(menuItem.iconSource包含镜像的名称在这种情况下，它在开发模式下运行应用程序时起作用，但在生产构建之后不起
浏览 7提问于2021-03-01得票数 5
我想从HTML页面运行react，以便在浏览器上显示它。到目前为止，我一直使用node来运行它，但现在我希望当我在浏览器中打开我的HTML文件时，我的react应用程序应该在那里运行。
浏览 60提问于2020-06-28得票数 1
3回答
如何为反应生产重定向端口
、、、、
我试图在同一个Ubuntu服务器上同时安装Express.js和React.js应用程序。这是一个运行Plesk 的VPS，其中有很多虚拟主机运行在端口80上。为了继续运行它们，我已经安装并运行了，然后这些应用程序在端口3000和5000上启动(例如)。forever start -c "node src/server" ./ -l ./react.log
这两个日志文件都没有保存任何东西，但这不是重点。两者都在运行，就像在前面的命令行中一样，但是在这些端口
浏览 0提问于2019-02-06得票数 0
回答已采纳
我使用的角度8，在我的项目，我有一个文件夹与发行说明在pdf，我想预览的pdf在我的浏览器(原生铬pdf查看器)。该文件在角项目中，目前在本地进行尝试。/release_notes/ReleaseNotes-Version_1.0.38.pdf" target="_blank">Release Notes</a>
当我单击指向静态文件的url链接时，路由器会高呼没有该名称的路由
浏览 0提问于2019-07-12得票数 0
回答已采纳
我正在尝试创建文件并将其放入一个文件夹中，然后发送一个指向Microsoft Emotion API的链接。res.json(data); }, 2000); });有没有办法让express文件夹动态化或重新加载静态文件夹
浏览 1提问于2017-07-10得票数 0
我正在使用create react应用程序，并且有一个无意中被大写的图像标签(tony.JPG)。我做了一个构建，并成功地将该应用程序推向Heroku上的生产环境。但是，我意识到了大写问题，并将扩展名更改为适当的小写(tony.jpg)。但是，构建文件仍然以大写扩展名显示。我删除了构建文件，并进行了新的构建，但再次遇到同样的问题。我通过更改img标签src解决了这个问题，但我有一个挥之不去的问题。为什么rea
浏览 14提问于2018-09-01得票数 0
1回答
我正在运行一个express和create-react-app应用程序。在生产过程中，我运行yarn build，并在Express中通过catch-all-route提供构建文件夹内的静态index.html。/client/build', 'index.html'))}
好的，因此，在生产和开发过程中存在巨大的差异。因为在生产期间，只有快速运行，它提供静态文件，包括<e
浏览 1提问于2018-02-24得票数 3
1回答
我想测试我的react/ node.js web应用程序的生产构建。我已经在应用程序目录下运行npm run build并创建了构建文件夹。我无法使用localhost:8080 (服务器端口)运行应用程序。PS。我使用serve托管应用程序，但它发布了错误404:找不到请求的路径</
浏览 0提问于2019-06-11得票数 0
我正在努力让我的应用程序为生产做好准备，在dev中一切都很完美。但是，当我运行构建并将其上传到服务器时，它只加载HTML、Javascript、一些CSS和一些文件。它给我一个404错误在一些文件在‘静态’文件夹(不是全部)，即使这些路径是正确的，它应该找到里面的文件。我应该指出，我已经尝试为vue-路由器添加一个基础，并将webpack的assetsPublicPath更改为(/assetsPublicPath/)，因为应用程序是
浏览 1提问于2018-08-07得票数 0
回答已采纳
它有以下层次结构：package.jsonserver.jsnode_modules\client\ package.jsonsrc\public\node_modules\
客户端文件夹包含react应用程序，它运行在端口3000上。目前，为了运行该应用程序，我在根文件夹中使用了concurrently，并将属性"proxy": "http://localhost:5000/"添加到客户端文件的package.json中。我
浏览 4提问于2020-08-10得票数 0
1回答
我正在EC2实例(ubuntu)上设置一个新的React应用程序。我已经安装了nodeJS和npm，我能够成功地构建我的应用程序。问题是我的代码在/var/www/html文件夹中，而我的站点example.com指向这个文件夹。当我跑的时候 npm run build 它在/html下构建了一个文件夹，比如/html/build，现在我的应用程序可以在example.com
浏览 16提问于2019-04-03得票数 0
});
// server the public folder again here我正在尝试部署一个使用路由的react应用程序。问题是，我需要将所有面向用户的路径(例如，/about、/contact等)指向主页，因为react应用程序使用react-router，一旦该应用程序是为生产
浏览 1提问于2021-10-06得票数 0
1回答
React无法正确加载字体
、、、、
在开发模式中，字体和所有资产都是通过React成功加载的。当我创建项目的构建并将其上传到基于快递的服务器时，问题就出现了:应用程序在错误的目录中查找字体，因此找不到它们。在这个目录中搜索字体:/静态/css/静态/media；当然，这是错误的，因为在生产中，字体位于加载图像的文件夹中，并且搜索的路径不存在。许多问题似乎已经通过更新react脚本包和使用“主页”属性来解决。
"hom
浏览 2提问于2020-04-12得票数 1
我已经创建了React/Express服务器，但是在尝试导入引导程序时，我得到了以下内容：./node_modules/react-bootstrap/esm/Button.jsYou may need, { Component } from 'react';
浏览 2提问于2022-04-05得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
