在React中实现github.io/project上的相对路径
在React中实现github.io/project上的相对路径，可以使用process.env.PUBLIC_URL来获取应用的根路径，然后在需要使用相对路径的地方拼接即可。
具体步骤如下：
- 首先，在你的React应用中，找到需要使用相对路径的地方。比如，如果你需要指定一个图片的相对路径。
- 使用
process.env.PUBLIC_URL获取应用的根路径。这个路径是在构建React应用时自动生成的，会根据你的项目目录结构决定。 - 在需要使用相对路径的地方，使用
process.env.PUBLIC_URL拼接相对路径。例如，如果你的图片在images文件夹下，可以这样写： - 在需要使用相对路径的地方，使用
process.env.PUBLIC_URL拼接相对路径。例如，如果你的图片在images文件夹下，可以这样写： - 这里的
process.env.PUBLIC_URL会被替换为应用的根路径，然后再拼接上/images/example.png。
这样，无论你的应用部署在github.io/project的根目录下还是子目录下，都能正确地使用相对路径来引用资源。
推荐的腾讯云相关产品是腾讯云对象存储（COS），它是一种安全、低成本的云端存储服务，可以存储任意类型的文件，并通过API方式访问。你可以将你的静态资源（如图片、音视频文件等）上传到腾讯云对象存储中，然后在React应用中使用相对路径引用这些资源。
腾讯云对象存储（COS）产品介绍链接地址：腾讯云对象存储（COS）
相关·内容
当我收到错误时，可以使用React路由器在React中实现https://name.github.io/project上的相对路径。我使用import {withRouter} from 'react-router-dom';和export default withRouter(componentName);将路由道具从路由器转发到目标组件我尝试像这样实现</
浏览 24提问于2019-03-03得票数 0
回答已采纳
3回答
我已经创建了一个网站，并试图在git中心网页上托管它。我的网站在-但是我的站点的静态文件可以在下面的路径上找到-http://<userna
浏览 6提问于2013-08-02得票数 33
回答已采纳
1回答
关于如何向GitHub项目页面部署一个react app，例如使用npm run deploy的 (即www.{github-username}.github.io/{project-name})，有一些教程。
然而，当我尝试将我构建的作为个人页面的react应用程序(即URL将为www.{github-username}.github.io/)部署时，终端在成功构建后会冻结，同时尝试部署。我的package.js
浏览 4提问于2020-09-02得票数 5
回答已采纳
我有一个角度应用程序部署到GitHub页面在<user>.github.io (与匹配的回购名称)作为我的投资组合网站。我在<user>.github.io/<project>上部署了另一个Angular应用程序，并正确设置了基本href。但是，当我试图访问项目页面时，我会被重定向到portfolio页面，包括URL中的更改。
这两个存储库都使用构建到gh-pages分支的</em
浏览 4提问于2021-05-02得票数 0
我按照指示为我的项目创建了一个，并将其存储在gh-pages分支中。它位于以下网址：[username].github.io/[project_name]。后来，我在GitHub中创建了一个组织，并将我的项目转移到该组织，包括相同的gh-pages分支。正如预期的那样，以前的Project不再工作。但是，下面的url也不起作用：[organization].git
浏览 1提问于2014-05-08得票数 13
回答已采纳
我在github.io上阅读了Facebook的react文档。这里编写的react事件委托比本机javascript的事件委托更快，因为有一些映射。我想知道事件委派比普通的Javascript更快。
浏览 2提问于2016-03-13得票数 1
回答已采纳
Github的论坛上写道，
为用户或组织网站配置自定义域后，自定义域将替换未配置自定义域的帐户所拥有的任何项目站点的<user>.github.io或<organization>.github.io部分例如，如果您的用户站点的自定义域是www.octocat.com，并且您的项目站点没有配置自定义域，并且是从名为octo-project的存储库中发布的，那
浏览 0提问于2020-06-14得票数 2
回答已采纳
1回答
我已经将代码库的React组件拆分为一个私有依赖项，以便这些组件可以被不同的项目使用。在依赖项本身中是否存在将imports 化名的方法，这让我陷入了困境。的问题是，我的文件/views/TestView试图导入/components/shared/Button，并且只有在使用相对路径时才能工作：import
浏览 6提问于2021-11-25得票数 2
回答已采纳
如果我将githubpages存储库设置为<username>.github.io，根目录中的所有内容都会显示在<username>.github.io上所以说- not f
浏览 2提问于2017-09-13得票数 0
1回答
好像我在github.io里找不到艺术品。来自一个maven项目。in maven-nuxeo 这个工件在存储库中：它包含在模块的pom.xml中，我可以在
github.com/
浏览 1提问于2018-07-24得票数 0
回答已采纳
1回答
我制作了专门的存储库来存储文档。我想使用Github自动页面生成选项(而不是Jekyll)。
据说，一旦你推到h页分支，就会生成html .但事实并非如此。为什么？
浏览 2提问于2016-08-25得票数 0
回答已采纳
1回答
项目也可以托管在子路径(如https://user.github.io/project )上。我想知道是否有可能在github.io域上有一个子域，例如https://project.user.github.io的形式？
我不寻找如何配置自定义域。
浏览 1提问于2020-07-09得票数 0
回答已采纳
我正在尝试将React应用程序部署到一个*.github.io页面上，似乎进程中的某些东西没有正确地在服务器端上运行--我得到了一个空白页面，其中包含了一个关于“<”的意外标记的错误，这意味着在我看来，React根本没有被用来解释javascript。这是我的package.json： "homepage"
浏览 4提问于2022-04-21得票数 2
回答已采纳
2回答
我有一个我一直在做的网站，它在本地运行得很好，但是当部署到gh页面时，会有很多404的网站试图吸引资源。例如，我有一行css作为背景，它是我得到的404是{这条路应该是
github.io/myProject/assets/imag
浏览 1提问于2015-09-11得票数 0
回答已采纳
我们在Git上有我们所有的API文档。但当我转到the index.html file时，我会在查看器中看到它。有没有办法让它返回原始的html文件，包括它链接的所有文件？
浏览 2提问于2020-06-17得票数 1
1回答
我正在尝试按照github页面上显示的指南部署一个虚拟网站：
但它把我送到了我的仓库。发生什么事了？我正在尝试部署一个react网站，我遵循了这个指南：在"github“一节中，这也重定向到github存储库页面。
浏览 4提问于2020-09-14得票数 2
回答已采纳
我创建了一个，用于在github.Is上托管一个博客--我可以创建更多的方式来托管多个博客吗?我是否仅限于一个托管存储库(因为username.github.com只能使用一次？)
浏览 14提问于2013-03-22得票数 156
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
