Reactjs Heroku路由：我可以路由到内部目录吗？

我有一个基于此引导模板的单页应用程序。这基本上是一个与我的在线简历狼吞虎咽的应用程序。它托管在Heroku，如果我能解决当前的问题，我会将我的个人域名指向它

但现在的问题是，我不是一个高级Heroku用户，我肯定错过了一些东西

问题是：

• 在我的应用程序根目录中，我创建了另一个名为

  apps

  的目录，并在其中创建了另一个目录

  blog

  。现在我有这个：

  my\u app\u root\u dir->apps->blog->index.html

• 这个index.html文件包含一个由scratch编写的非常小的React应用程序，也就是说，我没有使用

  create React app

  ，而是直接编写所有内容，包括React，如下所示：

• 现在，我希望在我的主页中有一个此博客应用程序的链接，类似于：

• 当我在自己的环境中运行它时，它工作得非常好。我点击链接，博客页面加载正确

• 但是，当我将它部署到Heroku并单击博客链接时，它只是加载了主页，但却弄乱了CSS。当我使用heroku日志查看发生了什么时，很明显它正在将我的请求路由到初始页面。这是很自然的，毕竟这是一个单页应用程序

我的问题是:

我是否可以用某种方式指示Heroku将我重定向到这个内部目录？

换句话说，我如何告诉Heroku以

http://myapp.herokuapp.com/apps/blog/

至

应用程序/blog/index.html

？

或者另一种方式：

我可以按照我正在尝试的方式离开此单页应用程序方案和“挪用”其他子应用程序吗？

对于那些熟悉Heroku的人来说，这可能是一个愚蠢的问题，但我已经研究了一段时间，没有找到我的问题的答案。如果这是不可能的，我将不得不找到另一个解决方案来主持我的网站。可能是一个VPS，在这里我可以复制我在开发机器中拥有的相同配置，正如我前面提到的，它工作得非常好

更新：

package.json

{
    "title": "eddealmeidda",
    "name": "startbootstrap-resume",
    "version": "4.1.1",
    "description": "Ed de Almeida's base website",
    "keywords": [
        "Ed de Almeida",
        "website",
        "site"
    ],
    "homepage": "https://eddealmeida.herokuapp.com/",
    "bugs": {
        "url": "https://github.com/IntelligenceAndTechnology/ed-de-almeida/issues",
        "email": "edvaldoajunior@gmail.com"
    },
    "license": "MIT",
    "author": {
        "name": "Ed de Almeida",
        "email": "edvaldoajunior@gmail.com"
    },
    "engines": {
        "node": "8.9.1"
    },
    "repository": {
        "type": "git",
        "url": "https://github.com/IntelligenceAndTechnology/ed-de-almeida.git"
    },
    "dependencies": {
        "devicons": "^1.8.0",
        "jquery": "3.3.1",
        "serve": "^8.2.0",
        "simple-line-icons": "^2.4.1"
    },
    "devDependencies": {
        "browser-sync": "^2.24.5",
        "gulp": "^3.9.1",
        "gulp-clean-css": "3.9.4",
        "gulp-header": "2.0.5",
        "gulp-rename": "^1.2.2",
        "gulp-sass": "4.0.1",
        "gulp-uglify": "3.0.0"
    },
    "scripts": {
        "start": "serve -s -p $PORT ."
    }
}

---

你能用你的

包更新你的问题吗？json

？Updated，@antzshrek.Noted！但是如何在本地启动服务器呢？你的

“脚本”逻辑：{“开始”：“serve-s-p$PORT.”}

看起来很奇怪。它在Heroku运行良好，甚至看起来很奇怪！LOL local我从ir开始，然后

吞下dev

。要在本地使用我的奇怪逻辑，我会

PORT=5000 npm start

，它运行得非常好。Ar Heroku此绑定自动与Heroku决定为应用程序提供的$PORT绑定。