使用PHP API和APache服务器在Digitalocean上部署ReactJs应用程序

Question

我一直试图在Digital Ocean上部署我的第一个反应js应用程序几天，但没有成功。 它是一个创建反应应用程序，它连接到运行Apache服务器的PHP API

我已经使用npm run build命令成功构建了我的应用程序。 当我尝试从浏览器访问构建文件夹时，我只得到一个空白页面。 我这样做只需访问路由我的浏览器访问domain_name.com/myapp/build（仅用于测试目的）。

当我运行npm start时，我可以在domain.com:3000以开发模式访问应用程序的主目录。 我的package.json的脚本部分如下所示

"scripts": {
  "start": "react-scripts start",
  "build": "react-scripts build",
  "test": "react-scripts test",
  "eject": "react-scripts eject",
  "add-locale": "lingui add-locale",
  "flow": "flow",
  "start:prod": 'node dist/app.js'
},

我的服务器在https://domain_name.com上运行但是当我执行https://domain_name.com:3000时 ，我无法访问我的应用程序的开发版本但我可以使用domain_name.com访问开发版本：3000 。

任何有关这些问题的帮助将不胜感激。

Answer 1

当您运行npm start时，启动webpack-dev-server，该服务器在3000端口上运行并托管您的源。

在构建React应用程序时，您只需准备一个js文件，您应该将其与您的Apache服务器以及您的API文件一起托管。

您需要在index.html中包含该结构的js文件，并将<script src="path/to/js">在该文件中。

如果您还有任何疑问，请与我们联系。

更新：

要解决路由问题，请阅读官方部署手册并搜索.htaccess

PS：也许你觉得这个https://gist.github.com/ywwwtseng/63c36ccb58a25a09f7096bbb602ac1de很有用。