如何修改GitHub托管的React应用公开访问URL而不更改仓库名称

完全可以在不修改react-portfolio仓库名称的前提下实现你的需求，以下是两种可行的落地方法：

方案1：无感知路径映射（推荐） #

该方案不会出现跳转延迟，访问路径完全符合你的预期：

• 首先确认你已经创建了名为akoster15.github.io的个人根站点公共仓库（GitHub个人主页站点默认绑定该名称的仓库）
• 修改你的React项目package.json文件中的homepage字段为：

  "homepage": "https://akoster15.github.io/akoster15"
  

• 调整部署配置：如果使用gh-pages工具部署，修改部署命令的输出路径参数，将项目构建生成的build目录下所有产物，部署到akoster15.github.io仓库根目录下的akoster15子文件夹中；如果使用GitHub Action部署，调整Action配置中的部署目标路径即可
• 配置生效后，访问https://akoster15.github.io/akoster15即可正常打开你的React应用，原react-portfolio仓库作为源码库可完全保留原有名称，不需要做任何修改

方案2：轻量跳转方案 #

该方案不需要修改原项目的部署逻辑，操作更简单：

• 新建一个名为akoster15的公共仓库，开启该仓库的GitHub Pages功能
• 在该仓库根目录下新建index.html文件，添加重定向逻辑：

  <!DOCTYPE html>
  <html>
    <head>
      <meta http-equiv="refresh" content="0; url=https://akoster15.github.io/react-portfolio">
    </head>
  </html>
  

• 配置生效后，访问https://akoster15.github.io/akoster15会自动跳转到你的原有React应用地址。如果需要地址栏路径保持/akoster15不变化，可补充配置React路由的basename参数和404页面重写规则即可实现。

内容的提问来源于stack exchange，提问作者akoster15