如何部署' create-react-app'使用自定义后端api到Heroku

时间:2018-02-23 21:28:41

标签: node.js reactjs express heroku

我正在尝试部署' create-react-app'项目到Heroku。我使用了Heroku Create-React-App样板,并按照setting up a backend api上的另一个教程连接到我的自定义server.js文件。

当我部署到Heroku时,构建运行正常但我的应用程序仍然无法连接到我的server.js文件。

我认为这是因为proxy中的package.json属性应该指向我server.js文件中定义的相同端口(Heroku将自动分配,我不知道“知道如何检查”或者我的server.js文件根本不运行。

很难找到任何能够正确解释如何部署“创建反应应用程序”的资源。使用自定义后端(server.js)。

的package.json:

{
    "name": "my-app",
    "version": "0.1.0",
    "private": true,
    "proxy": "https://localhost:5000",
    "dependencies": {
      "axios": "^0.17.1",
      "body-parser": "^1.18.2",
      "md5": "^2.2.1",
      "mongodb": "^3.0.2",
      "react": "^16.2.0",
      "react-dom": "^16.2.0",
      "react-scripts": "1.1.1",
      "react-router": "^4.2.0",
      "react-router-dom": "^4.2.2"
    },
    "scripts": {
      "start": "react-scripts start",
      "start:server":"node server.js",
      "build": "react-scripts build",
      "test": "react-scripts test --env=jsdom",
      "eject": "react-scripts eject"
    }
}

我设置端口的server.js中的行:

const port = process.env.PORT || 5000;

0 个答案:

没有答案